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 相关文章推荐
比较简单实用的使用正则三种版本的js去空格处理方法
Nov 18 Javascript
WordPress 照片lightbox效果的运用几点
Jun 22 Javascript
JavaScript简单实现网页回到顶部功能
Nov 12 Javascript
javascript实现行拖动的方法
May 27 Javascript
关于JavaScript 原型链的一点个人理解
Jul 31 Javascript
用ES6写全屏滚动插件的示例代码
May 02 Javascript
对layui中表单元素的使用详解
Aug 15 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
Nov 05 Javascript
详解ES6系列之私有变量的实现
Nov 21 Javascript
微信小程序云开发(数据库)详解
May 17 Javascript
如何通过vscode运行调试javascript代码
Jul 24 Javascript
小程序自动化测试的示例代码
Aug 11 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 extract 将数组拆分成多个变量的函数
2010/06/30 PHP
PHP安全下载文件的方法
2016/04/07 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
jQuery validate 中文API 附validate.js中文api手册
2010/07/31 Javascript
JavaScript定时器详解及实例
2013/08/01 Javascript
使用js实现数据格式化
2014/12/03 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
2016/03/11 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
2016/05/31 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
深入理解Angular2 模板语法
2016/08/07 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
2018/08/29 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
2019/04/01 Javascript
详解Angular cli配置过程记录
2019/11/07 Javascript
微信小程序实现时间戳格式转换
2020/07/20 Javascript
[59:30]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
Python3.2中Print函数用法实例详解
2015/05/19 Python
使用Mixin设计模式进行Python编程的方法讲解
2016/06/21 Python
django 2.0更新的10条注意事项总结
2018/01/05 Python
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
python爬虫实例详解
2018/06/19 Python
详解python播放音频的三种方法
2019/09/23 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
python list多级排序知识点总结
2019/10/23 Python
python如何查看安装了的模块
2020/06/23 Python
Python3读写ini配置文件的示例
2020/11/06 Python
python元组拆包实现方法
2021/02/28 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
Hotels.com日本:国外和海外住宿,酒店预订
2019/12/13 全球购物
竞聘上岗演讲稿范文
2014/01/10 职场文书
小学生暑假感言
2014/02/06 职场文书
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python
python中urllib包的网络请求教程
2022/04/19 Python
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js