jquery easyui combobox模糊过滤(示例代码)
jquery easyui combobox模糊过滤(示例代码)
发布时间:2016-12-30 来源:查字典编辑
摘要:修改jqueryeasyuicombobox模糊过滤复制代码代码如下:filter:function(q,row){varopts=$(th...

修改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教程学习
编程开发子分类