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 相关文章推荐
aspx中利用js实现确认删除代码
Jul 22 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
Dec 08 Javascript
关于Javascript作用域链的八点总结
Dec 06 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
Aug 13 Javascript
jquery 表单验证之通过 class验证表单不为空
Nov 02 Javascript
JavaScript实现的多种鼠标拖放效果
Nov 03 Javascript
JavaScript+html5 canvas实现本地截图教程
Apr 16 Javascript
详解Vue.js分发之作用域槽
Jun 13 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
Vue项目History模式404问题解决方法
Oct 31 Javascript
VSCode搭建Vue项目的方法
Apr 30 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
10条PHP高级技巧[修正版]
2011/08/02 PHP
php中将汉字转换成拼音的函数代码
2012/09/08 PHP
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
CI框架中数据库操作函数$this-&gt;db-&gt;where()相关用法总结
2016/05/17 PHP
PHP后台备份MySQL数据库的源码实例
2019/03/18 PHP
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
12306验证码破解思路分享
2015/03/25 Javascript
JavaScript的RequireJS库入门指南
2015/07/01 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
jquery中val()方法是从最后一个选项往前读取的
2015/09/06 Javascript
jQuery使用$.ajax进行即时验证实例详解
2015/12/11 Javascript
前端性能优化及技巧
2016/05/06 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
2016/05/24 Javascript
jQuery下拉框的简单应用
2016/06/24 Javascript
vue.js打包之后可能会遇到的坑!
2018/06/03 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
2019/02/15 jQuery
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
PyTorch上实现卷积神经网络CNN的方法
2018/04/28 Python
详解利用python+opencv识别图片中的圆形(霍夫变换)
2019/07/01 Python
python自动分箱,计算woe,iv的实例代码
2019/11/22 Python
Python将字典转换为XML的方法
2020/08/01 Python
CSS3中媒体查询结合rem布局适配手机屏幕
2019/06/10 HTML / CSS
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
大四自我鉴定范文
2013/10/06 职场文书
职高毕业生自我鉴定
2013/10/21 职场文书
英文版网络工程师求职信
2013/10/28 职场文书
物业电工岗位职责
2013/11/20 职场文书
祖国在我心中演讲稿
2014/01/15 职场文书
婚礼新郎父母答谢词
2014/01/16 职场文书
团日活动总结书
2014/05/08 职场文书
让生命充满爱观后感
2015/06/08 职场文书
医学生自荐信范文(2016精选篇)
2016/01/28 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
python数据库批量插入数据的实现(executemany的使用)
2021/04/30 Python
python中的装饰器该如何使用
2021/06/18 Python