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 相关文章推荐
JavaScript 学习笔记一些小技巧
Mar 28 Javascript
Dom操作之兼容技巧分享
Sep 20 Javascript
多个checkbox被选中时如何判断是否有自己想要的
Sep 22 Javascript
JavaScript事件委托实例分析
May 26 Javascript
Jquery实现弹性滑块滑动选择数值插件
Aug 08 Javascript
JS模拟bootstrap下拉菜单效果实例
Jun 17 Javascript
JavaScript正则获取地址栏中参数的方法
Mar 02 Javascript
浅谈关于axios和session的一些事
Jul 13 Javascript
JS运动特效之任意值添加运动的方法分析
Jan 24 Javascript
Vue表单demo v-model双向绑定问题
Jun 29 Javascript
深入了解JavaScript 私有化
May 30 Javascript
微信小程序实现点击按钮后修改颜色
Dec 05 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中的cookie不用刷新就生效的方法
2012/02/04 PHP
smarty基础之拼接字符串的详解
2013/06/18 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
php setcookie函数的参数说明及其用法
2014/04/20 PHP
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
javascript里的条件判断
2007/02/27 Javascript
JS代码优化技巧之通俗版(减少js体积)
2011/12/23 Javascript
JavaScript prototype 使用介绍
2013/08/29 Javascript
一个JS函数搞定网页标题(title)闪动效果
2014/05/13 Javascript
javascript时间函数大全
2014/06/30 Javascript
jquery 根据name名获取元素的value值
2015/02/27 Javascript
js实现横向百叶窗效果网页切换动画效果的方法
2015/03/02 Javascript
如何使用jquery修改css中带有!important的样式属性
2016/04/28 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
vue.js初学入门教程(2)
2016/11/07 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
2017/09/20 jQuery
简述pm2常用命令集合及配置文件说明
2019/05/30 Javascript
深入理解 TypeScript Reflect Metadata
2019/12/12 Javascript
JavaScript代码异常监控实现过程详解
2020/02/17 Javascript
Nodejs实现微信分账的示例代码
2021/01/19 NodeJs
[00:12]DAC SOLO赛卫冕冠军 VG.Paparazi灬展现SOLO技巧
2018/04/06 DOTA
Python 文件操作实现代码
2009/10/07 Python
Python中条件选择和循环语句使用方法介绍
2013/03/13 Python
解决Python 爬虫URL中存在中文或特殊符号无法请求的问题
2018/05/11 Python
python文件写入write()的操作
2019/05/14 Python
基于TensorBoard中graph模块图结构分析
2020/02/15 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
Python文字截图识别OCR工具实例解析
2020/03/05 Python
如何在sublime编辑器中安装python
2020/05/20 Python
Python try except finally资源回收的实现
2021/01/25 Python
迪卡侬荷兰官网:Decathlon荷兰
2017/10/29 全球购物
市场营销毕业求职信
2014/08/07 职场文书
酒店辞职书范文
2015/02/26 职场文书
在校生证明
2015/06/17 职场文书
大学运动会加油稿
2015/07/22 职场文书