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 相关文章推荐
jQuery入门问答 整理的几个常见的初学者问题
Feb 22 Javascript
js控制web打印(局部打印)方法整理
May 29 Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
Aug 18 Javascript
js中arguments,caller,callee,apply的用法小结
Jan 28 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
JS正则替换掉小括号及内容的方法
Nov 29 Javascript
jQuery多选框选择数量限制方法
Feb 08 Javascript
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
JS 实现缓存算法的示例(FIFO/LRU)
Mar 20 Javascript
如何手动实现es5中的bind方法详解
Dec 07 Javascript
JS原生瀑布流效果实现
Apr 26 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
实现“上一页”和“下一页按钮
2006/10/09 PHP
一个更简单的无限级分类菜单代码
2007/01/16 PHP
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
浅谈使用PHP开发微信支付的流程
2015/10/04 PHP
PHP实现批量删除(封装)
2017/04/28 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
A标签中通过href和onclick传递的this对象实现思路
2013/04/19 Javascript
jquery得到font-size属性值实现代码
2013/09/30 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
AngularJS基础 ng-include 指令简单示例
2016/08/01 Javascript
js中遍历Map对象的简单实例
2016/08/08 Javascript
微信小程序 实现点击添加移除class
2017/06/12 Javascript
关于layui时间回显问题的解决方法
2019/09/24 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
Python发送email的3种方法
2015/04/28 Python
简单了解Python下用于监视文件系统的pyinotify包
2015/11/13 Python
python实现微信自动回复功能
2018/04/11 Python
Python常见排序操作示例【字典、列表、指定元素等】
2018/08/15 Python
Python3.5内置模块之time与datetime模块用法实例分析
2019/04/27 Python
利用Python模拟登录pastebin.com的实现方法
2019/07/12 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
Django import export实现数据库导入导出方式
2020/04/03 Python
html5中 media(播放器)的api使用指南
2014/12/26 HTML / CSS
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
英国布鲁姆精品店:Bloom Boutique
2018/03/01 全球购物
酒店led欢迎词
2014/01/09 职场文书
国贸专业自荐信范文
2014/03/02 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
小马王观后感
2015/06/11 职场文书
2019自荐信该如何写呢?
2019/07/05 职场文书
教你使用pyinstaller打包Python教程
2021/05/27 Python
Python3中PyQt5简单实现文件打开及保存
2021/06/10 Python
如何用Python搭建gRPC服务
2021/06/30 Python