Skip to content

dream10201/AdvancedSearch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AdvancedSearch

文档

文档 示例

使用

第一步

  • 引入AdvancedSearch样式文件(推荐在放在其它框架后面)
<link rel="stylesheet" href="/AdvancedSearch.css">
  • 引入AdvancedSearch脚本文件
<script src="/AdvancedSearch.js"></script>

正常情况下,AdvancedSearch所产生的页面元素不会对其它布局产生影响,所有选择器都包含advancedsearch字符串

第二步

  • 初始化 ** AdvancedSearch目前支持三种类型,它们分别是select、txt、date
var as = new AsSearch("#btn", {//绑定id为btn的元素,当该元素发生点击事件时,会显示AdvancedSearch页面
        columns: [
            {
                title: "性别",
                code: "sex",
                type: "select",
                explanation: {"男": "1", "女": "0"},
            }
            , {
                title: "姓名",
                code: "name",
                type: "txt"
            }
            , {
                title: "时间",
                code: "date",
                type: "date",
                dateFormat:""
            }],
        search: function(result){
            alert("结果:\n"+JSON.stringify(result));
            console.log("结果:"+ JSON.stringify(result));
        },
        dateInput: function (,dateFormat) {
        //date类型的input需要单独初始化,这取决于你的框架
        //inputs为一个input元素数组,一般为两个
        //bootstrap table例:
        $(inputs[0]).attr({"data-date-format": dateFormat});
        $(inputs[1]).attr({"data-date-format": dateFormat});
//            $(inputs[0]).datetimepicker({
//                //language:  'fr',
//                weekStart: 1,
//                todayBtn: 1,
//                autoclose: 1,
//                todayHighlight: 1,
//                startView: 2,
//                forceParse: 0,
//                showMeridian: 1
//            });
//              ...
        }
    });
  • 或者你也可以直接这样使用
AsSearch("#btn", {...});

About

数据表格多条件插件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published