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 相关文章推荐
检测是否已安装 .NET Framework 3.5的js脚本
Feb 14 Javascript
js 居中漂浮广告
Mar 21 Javascript
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
Apr 02 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
Jun 12 Javascript
js 判断各种数据类型的简单方法(推荐)
Aug 29 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
React进阶学习之组件的解耦之道
Aug 07 Javascript
关于Vue项目跨平台运行问题的解决方法
Sep 18 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
[jQuery] 事件和动画详解
Mar 05 jQuery
layui 点击重置按钮, select 并没有被重置的解决方法
Sep 03 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在获取指定目录下的目录,在获取的目录下面再创建文件,多平台
2011/08/03 PHP
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
php的对象传值与引用传值代码实例讲解
2021/02/26 PHP
用nodejs访问ActiveX对象,以操作Access数据库为例。
2011/12/15 NodeJs
JS中引用百度地图并将百度地图的logo和信息去掉
2013/09/29 Javascript
javascript实现拖动元素交换位置
2015/11/29 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
JavaScript中的各种操作符使用总结
2016/05/26 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
2016/08/03 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
AngularJS入门教程之Cookies读写操作示例
2016/11/02 Javascript
详解webpack+angular2开发环境搭建
2017/06/28 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
2018/04/27 jQuery
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
2018/12/11 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
2019/04/25 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
2019/07/25 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
在阿里云服务器上配置CentOS+Nginx+Python+Flask环境
2016/06/18 Python
pygame实现俄罗斯方块游戏
2018/06/26 Python
Python + selenium + requests实现12306全自动抢票及验证码破解加自动点击功能
2018/11/23 Python
由Python编写的MySQL管理工具代码实例
2019/04/09 Python
Python、 Pycharm、Django安装详细教程(图文)
2019/04/12 Python
Python3简单实现串口通信的方法
2019/06/12 Python
Pandas0.25来了千万别错过这10大好用的新功能
2019/08/07 Python
Python中函数的返回值示例浅析
2019/08/28 Python
python用requests实现http请求代码实例
2019/10/31 Python
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
英国玛莎百货新西兰:Marks & Spencer New Zealand
2019/07/21 全球购物
教育系毕业生中文求职信范文
2013/10/06 职场文书
欢迎词范文
2015/01/27 职场文书
学会感恩主题班会
2015/08/12 职场文书
致毕业季:你如何做好自己的职业生涯规划书?
2019/07/01 职场文书
一文搞懂python异常处理、模块与包
2021/06/26 Python
python unittest单元测试的步骤分析
2021/08/02 Python