一個通用的Web UI構建結構化搜索或篩選查詢:structured-filter

structured-filter是一個通用的Web UI構建結構化搜索或篩選查詢。structured-filter 是 jQuery UI 部件,支持各種配置和主題。

<script type="text/javascript">
    $(document).ready(function() {
        $("#search").structFilter({
            fields: [
                {type:"text", id:"lastname", label:"Lastname"},
                {type:"text", id:"firstname", label:"Firstname"},
                {type:"boolean", id:"active", label:"Is active"},
                {type:"number", id:"age", label:"Age"},
                {type:"date", id:"bday", label:"Birthday"},
                {type:"list", id:"category", label:"Category",
                    list:[
                        {id:'1', label:"Family"},
                        {id:'2', label:"Friends"},
                        {id:'3', label:"Business"},
                        {id:'4', label:"Acquaintances"},
                        {id:'5', label:"Other"}
                    ]
                }
            ]
        });
    });
</script>

<div style="width:100px;" id="search"></div></pre>

在線演示

一個通用的Web UI構建結構化搜索或篩選查詢:structured-filter

項目主頁:http://www.baiduhome.net/lib/view/home/1417435779149

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!