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 相关文章推荐
12款经典的白富美型—jquery图片轮播插件—前端开发必备
Jan 08 Javascript
jquery无法设置checkbox选中即没有变成选中状态
Mar 27 Javascript
Js操作树节点自动折叠展开的几种方法
May 05 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
JavaScript中定义类的方式详解
Jan 07 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
form表单转Json提交的方法(推荐)
Sep 23 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
Jul 03 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
微信小程序数据统计和错误统计的实现方法
Jun 26 Javascript
layui 弹出层值回传解决方式
Nov 14 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
上海无线电三厂简史修改版
2021/03/01 无线电
删除无限级目录与文件代码共享
2006/07/12 PHP
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
php统计文件大小,以GB、MB、KB、B输出
2011/05/29 PHP
coreseek 搜索英文的问题详解
2013/06/08 PHP
php中mysql连接和基本操作代码(快速测试使用,简单方便)
2014/04/25 PHP
js实现的网站首页随机公告随机公告
2007/03/14 Javascript
jQuery 使用手册(七)
2009/09/23 Javascript
Javascript 类与静态类的实现(续)
2010/04/02 Javascript
jQuery制作简单柱状图实例
2015/01/28 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
javascript瀑布流式图片懒加载实例解析与优化
2016/02/23 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
2016/08/16 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
Jquery根据浏览器窗口改变调整大小的方法
2017/02/07 Javascript
bootstrap IE8 兼容性处理
2017/03/22 Javascript
EL表达式截取字符串的函数说明
2017/09/22 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
opencv 识别微信登录验证滑动块位置
2018/08/07 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
又拍云 Node.js 实现文件上传、删除功能
2018/10/28 Javascript
详解jQuery如何实现模糊搜索
2019/05/10 jQuery
Vue路由守卫之路由独享守卫
2019/09/25 Javascript
微信小程序实现翻牌抽奖动画
2020/09/21 Javascript
[01:31:22]Ti4 循环赛第四日附加赛LGD vs Mouz
2014/07/13 DOTA
python实现识别相似图片小结
2016/02/22 Python
Python中扩展包的安装方法详解
2017/06/14 Python
Python中pip更新和三方插件安装说明
2018/07/08 Python
python 读取鼠标点击坐标的实例
2018/12/29 Python
Python 一键制作微信好友图片墙的方法
2019/05/16 Python
python爬取王者荣耀全皮肤的简单实现代码
2020/01/31 Python
python实现3D地图可视化
2020/03/25 Python
日语专业推荐信
2013/11/12 职场文书
视光学毕业生自荐书范文
2014/02/13 职场文书
《欢乐的泼水节》教学反思
2014/04/22 职场文书
2015年导购员工作总结
2015/04/25 职场文书