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 屏蔽鼠标右键脚本附破解方法
Dec 03 Javascript
jQuery UI AutoComplete 自动完成使用小记
Aug 21 Javascript
js switch case default 的用法示例介绍
Oct 23 Javascript
用Jquery.load载入页面实现局部刷新
Jan 22 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
JavaScript表单焦点自动切换代码
Jul 24 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
js字符串类型String常用操作实例总结
Jul 05 Javascript
转换layUI的数据表格中的日期格式方法
Sep 19 Javascript
jQuery实现图片切换效果
Oct 19 jQuery
浅析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/05/16 PHP
php 向访客和爬虫显示不同的内容
2009/11/09 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
JSON 客户端和服务器端的格式转换
2009/08/27 Javascript
JavaScript的eval JSON object问题
2009/11/15 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
jquery选择符快速提取web表单数据示例
2014/03/27 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
2014/05/02 Javascript
indexOf 和 lastIndexOf 使用示例介绍
2014/09/02 Javascript
AngularJS入门教程(二):AngularJS模板
2014/12/06 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
快速掌握jQuery插件开发
2017/01/19 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
vue二级路由设置方法
2018/02/09 Javascript
React组件中的this的具体使用
2018/02/28 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
原生js实现九宫格拖拽换位
2021/01/26 Javascript
Python学习资料
2007/02/08 Python
Python设计模式之单例模式实例
2014/04/26 Python
详解Python中映射类型的内建函数和工厂函数
2015/08/19 Python
Django Admin实现上传图片校验功能
2016/03/06 Python
python字典快速保存于读取的方法
2018/03/23 Python
python 实现对文件夹内的文件排序编号
2018/04/12 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2014/07/21 面试题
物理研修随笔感言
2014/02/14 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
社区服务活动报告
2015/02/05 职场文书
特种设备安全管理制度
2015/08/06 职场文书
vue elementUI表格控制对应列
2022/04/13 Vue.js
在SQL Server中使用 Try Catch 处理异常的示例详解
2022/07/15 SQL Server