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 相关文章推荐
JavaScript 学习笔记(五)
Dec 31 Javascript
js左侧多级菜单动态的解决方案
Feb 01 Javascript
Javascript 键盘事件的组合使用实现代码
May 04 Javascript
jquery中获取id值方法小结
Sep 22 Javascript
图片翻转效果具体实现代码
Jan 09 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
Feb 20 Javascript
javascript实现延时显示提示框效果
Jun 01 Javascript
详解vue.js移动端导航navigationbar的封装
Jul 05 Javascript
详解Angular4 路由设置相关
Aug 26 Javascript
一种angular的方法级的缓存注解(装饰器)
Mar 13 Javascript
微信小程序页面间传值与页面取值操作实例分析
Apr 30 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
Oct 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
php连接与操作PostgreSQL数据库的方法
2014/12/25 PHP
Win7下手动安装apache2.2、php5.4笔记
2015/04/03 PHP
smarty循环嵌套用法示例分析
2016/07/19 PHP
Kindeditor编辑器添加图片上传水印功能(php代码)
2017/08/03 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
php7连接MySQL实现简易查询程序的方法
2020/10/13 PHP
兼容IE和FF的图片上传前预览js代码
2013/05/28 Javascript
JavaScript实现Java中StringBuffer的方法
2015/02/09 Javascript
浅谈javascript中的instanceof和typeof
2015/02/27 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
2016/03/10 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
2016/06/08 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
Javascript实现页面滚动时导航智能定位
2017/05/06 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
2019/12/04 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
Python多线程编程(八):使用Event实现线程间通信
2015/04/05 Python
python进行TCP端口扫描的实现
2018/12/21 Python
Python实现 版本号对比功能的实例代码
2019/04/18 Python
Python imread、newaxis用法详解
2019/11/04 Python
浅谈keras中loss与val_loss的关系
2020/06/22 Python
使用npy转image图像并保存的实例
2020/07/01 Python
HTML5移动端手机网站开发流程
2016/04/25 HTML / CSS
团员的自我评价
2013/12/01 职场文书
入党介绍人评语
2014/05/06 职场文书
演讲稿的写法
2014/05/19 职场文书
党员对十八届四中全会的期盼思想汇报范文
2014/10/17 职场文书
2014年服务员工作总结
2014/11/18 职场文书
写给医院的感谢信
2015/01/22 职场文书
自我推荐信怎么写
2015/03/24 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
感恩教育观后感
2015/06/17 职场文书
《最后一头战象》教学反思
2016/02/16 职场文书
如何使用python包中的sched事件调度器
2022/04/30 Python
python中使用redis用法详解
2022/12/24 Redis