jquery easyui combobox模糊过滤(示例代码)


Posted in Javascript onNovember 30, 2013

修改jquery easyui combobox模糊过滤

filter:function(q,row){ 
var opts=$(this).combobox("options"); //return row[opts.textField].indexOf(q)==0;// 
return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 
},formatter:function(row){ 
var opts=$(this).combobox("options"); 
return row[opts.textField]; 
},loader:function(_7c9,_7ca,_7cb){ 
var opts=$(this).combobox("options"); 
if(!opts.url){ 
return false; 
}

修改easyui combobox扩展可以默认选择第一行

easyui的combobox扩展默认选择第一行,网上有疯狂秀才的那个被转载了无数次的代码,但是那个只是针对easyui1.2.6的,试了一下在1.3.2下不行的,自己重新写了一个扩展方法如下:

$.extend($.fn.combobox.methods, { 
    selectedIndex: function (jq, index) { 
        if (!index) { 
            index = 0; 
        } 
        $(jq).combobox({ 
            onLoadSuccess: function () { 
                var opt = $(jq).combobox('options'); 
                var data = $(jq).combobox('getData');                 for (var i = 0; i < data.length; i++) { 
                    if (i == index) { 
                        $(jq).combobox('setValue', eval('data[index].' + opt.valueField)); 
                        break; 
                    } 
                } 
            } 
        }); 
    } 
});

调用方法实例如下:
<script type="text/javascript"> 
var currenturl = "om_taking.aspx"; 
        $(function () { 
            $('#dept').combobox({ 
                url: currenturl + "?act=loadDept", 
                valueField: 'DEPARTMENT_ID', 
                textField: 'DEPARTMENT_NAME'
            }).combobox('selectedIndex', 0); 
        }); 
</script>
Javascript 相关文章推荐
学习jquery必备 api中英文对照的chm手册 下载
May 03 Javascript
jQuery 遍历json数组的实现代码
Sep 22 Javascript
jquery的extend和fn.extend的使用说明
Jan 09 Javascript
js去除重复字符串两种实现方法
Jan 09 Javascript
jquery幻灯片插件bxslider样式改进实例
Oct 15 Javascript
JS随机排序数组实现方法分析
Oct 11 Javascript
微信小程序实现全国机场索引列表
Jan 31 Javascript
vue-cli监听组件加载完成的方法
Sep 07 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
Apr 29 Javascript
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
解决Layui中templet中a的onclick参数传递的问题
Sep 20 Javascript
ES6箭头函数和扩展实例分析
May 23 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
Nov 30 #Javascript
jQuery之过滤元素操作小结
Nov 30 #Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
Nov 30 #Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
Nov 30 #Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
Nov 29 #Javascript
jquery限定文本框只能输入数字即整数和小数
Nov 29 #Javascript
js中事件的处理与浏览器对象示例介绍
Nov 29 #Javascript
You might like
用php获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
解决js数据包含加号+通过ajax传到后台时出现连接错误
2013/08/01 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
教你使用javascript简单写一个页面模板引擎
2015/05/05 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
2015/11/24 Javascript
jQuery插件实现无缝滚动特效
2015/11/24 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
react 国际化的实现代码示例
2018/09/14 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
Python实现过滤单个Android程序日志脚本分享
2015/01/16 Python
用Python实现换行符转换的脚本的教程
2015/04/16 Python
python生成随机密码或随机字符串的方法
2015/07/03 Python
Python实现查看系统启动项功能示例
2018/05/10 Python
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2018/12/11 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
Django给admin添加Action的步骤详解
2019/05/01 Python
对python3 sort sorted 函数的应用详解
2019/06/27 Python
python绘图模块matplotlib示例详解
2019/07/26 Python
Python根据服务获取端口号的方法
2019/09/25 Python
Python @property及getter setter原理详解
2020/03/31 Python
python和c语言哪个更适合初学者
2020/06/22 Python
Python字符串三种格式化输出
2020/09/17 Python
微信浏览器取消缓存的方法
2015/03/28 HTML / CSS
html5自定义video标签的海报与播放按钮功能
2019/12/04 HTML / CSS
美国气象仪器、花园装饰和墙壁艺术商店:Wind & Weather
2019/05/29 全球购物
大三在校生电子商务求职信
2013/10/29 职场文书
家电业务员岗位职责
2014/03/10 职场文书
座谈会主持词
2014/03/20 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
报名委托书
2015/01/29 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
志愿者工作心得体会
2016/01/15 职场文书
八年级作文之我的母亲
2019/12/10 职场文书
导游词之张家口
2019/12/13 职场文书