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,水平有待提高
Jan 31 Javascript
javascript 多种搜索引擎集成的页面实现代码
Jan 02 Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 Javascript
JavaScript定义类和对象的方法
Nov 26 Javascript
jquery轮播的实现方式 附完整实例
Jul 28 Javascript
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
Jan 19 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
详解angular2实现ng2-router 路由和嵌套路由
Mar 24 Javascript
webpack学习笔记之优化缓存、合并、懒加载
Aug 24 Javascript
从理论角度讨论JavaScript闭包
Apr 03 Javascript
JavaScript实现省市联动效果
Nov 22 Javascript
OpenLayers3实现对地图的基本操作
Sep 28 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
2.PHP入门
2006/10/09 PHP
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
php遍历目录与文件夹的多种方法详解
2013/11/14 PHP
JS 的应用开发初探(mootools)
2009/12/19 Javascript
jquery中通过过滤器获取表单元素的实现代码
2011/07/05 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
2013/09/18 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
Javascript学习指南
2014/12/01 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
2016/05/23 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
2016/09/17 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
2016/11/29 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
vue动态禁用控件绑定disable的例子
2019/10/28 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
2020/01/16 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
python清除字符串里非数字字符的方法
2015/07/02 Python
python版学生管理系统
2018/01/10 Python
基于Pandas读取csv文件Error的总结
2018/06/15 Python
判断python对象是否可调用的三种方式及其区别详解
2019/01/31 Python
python实现手机销售管理系统
2019/03/19 Python
Django 数据库同步操作技巧详解
2019/07/19 Python
tensorflow之自定义神经网络层实例
2020/02/07 Python
Pytorch 高效使用GPU的操作
2020/06/27 Python
收集的22款给力的HTML5和CSS3帮助工具
2012/09/14 HTML / CSS
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
巴西购物网站:Submarino
2020/01/19 全球购物
当文件系统受到破坏时,如何检查和修复系统?
2012/03/09 面试题
大学生如何写自荐信
2014/01/08 职场文书
生育关怀行动实施方案
2014/03/26 职场文书
工作鉴定评语
2014/05/04 职场文书
2014学习优秀共产党员先进事迹思想汇报
2014/09/14 职场文书
小学四年级作文之写景
2019/08/23 职场文书
MySQL 查询速度慢的原因
2021/05/25 MySQL
MySQL创建管理HASH分区
2022/04/13 MySQL