Appframe Knowledge Base


1 hits
0

Getting Started - Declarative Filter Panel

<div data-filter-target="dsIssues,dsAreas">
<!--Example of [data-filter-type="search"] -->
    <h4>Free text</h4>
    <div class="input-group">
        <input type="text" name="search" id="search" class="form-control" placeholder="Search for..." data-filter-type="search" url-pos="0">
        <span class="input-group-btn">
            <button class="btn btn-default" name="removeBtn" type="button" data-filter-for="search" action="remove"><span class="glyphicon glyphicon glyphicon-remove"></span></button>
            <button class="btn btn-default" name="searchBtn" type="button" data-filter-for="search" action="search"><span class="glyphicon glyphicon-search"></span></button>
        </span>
    </div>
 
<!--Example of [data-filter-type="single"] and static list-->
    <h4>Filters</h4>
    <div class="list-group" data-filter-type="single" url-pos="2">
        <a class="list-group-item data-filter-default" data-filter="" >All Issues</a>
        <a class="list-group-item" data-filter="Status = 'Awaiting Response'">Awaiting response</a>
        <a class="list-group-item" data-filter="(Status = 'To Be Reviewed')">To be reviewed</a>
    </div>
 
<!--Example of [data-filter-type="multiple"] and dynamically rendered list -->
    <h4>Area</h4>
    <div data-filter-type="multiple" url-pos="4" data-object-id="dsAreas" data-list="manual-edit" data-filter-field="Area">
        <div class="checkbox" data-item-template="read-only">
            <label ><input type="checkbox" >
                <span data-field="Area"></span>, <span data-field="AreaRespFirsName"></span> (<span data-field="IssueID"></span>)
            </label>
        </div>
        <div data-item-template="edit"></div>
    </div>
</div>

web-templating · Perma link post comment Posted by: Peter Øren (16-sep-2014)