开发笔记:异步实时搜索jqueryselect插件

1
2
3

1 # 使用实例
2 var initUrl = "/demo/defineDict.do?method=getEnterpriseDict&unitName="+encodeURIComponent(encodeURIComponent("xx无烟煤矿业集团有限责任公司"));
3 var ajaxUrl = "/demo/defineDict.do?method=getEnterpriseDict&unitName=";
4 var $select = $("#ajaxselect").ajaxselect({
5 initUrl:initUrl,
6 ajaxUrl:ajaxUrl,
7 defkv:[\'id\',\'text\'],
8 selected:0,
9 },function(filterData,isInit){
10 //filter
11 console.log(filterData);
12 },function(cbData,isInit){
13 //callback
14 console.log(cbData);
15 });
16 $select.on("change", function(){
17 console.log(this.value);
18 });

1 var defcfg = {
2 initUrl:\'\', //初始化请求地址
3 ajaxUrl:\'\', //异步请求地址
4 defkv:[], //返回数据 的key
5 delay:200, //ajax回调 延时
6 width:200, //input 宽度
7 height:30, //input 高度
8 selected:-1, //初始化数据 默认选中项,-1为不选中
9 limit:20, //最大显示条数,0为不限制
10 maxheight:250, //最大显示高度
11 hoverbg:\'#189FD9\', //悬浮背景色
12 activebg:\'#5FB878\', //选中项背景色
13 style:\'\' //自定义样式
14 };