提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

jqueryeasyuicombobox模糊过滤(示例代码)

代码 示例 过滤 模糊
2023-06-13 09:15:13 时间

修改jqueryeasyuicombobox模糊过滤

复制代码代码如下:

filter:function(q,row){
varopts=$(this).combobox("options");

//returnrow[opts.textField].indexOf(q)==0;//

returnrow[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配
},formatter:function(row){
varopts=$(this).combobox("options");
returnrow[opts.textField];
},loader:function(_7c9,_7ca,_7cb){
varopts=$(this).combobox("options");
if(!opts.url){
returnfalse;
}

修改easyuicombobox扩展可以默认选择第一行

easyui的combobox扩展默认选择第一行，网上有疯狂秀才的那个被转载了无数次的代码，但是那个只是针对easyui1.2.6的，试了一下在1.3.2下不行的，自己重新写了一个扩展方法如下：

复制代码代码如下:

$.extend($.fn.combobox.methods,{
   selectedIndex:function(jq,index){
       if(!index){
           index=0;
       }
       $(jq).combobox({
           onLoadSuccess:function(){
               varopt=$(jq).combobox("options");
               vardata=$(jq).combobox("getData");

               for(vari=0;i<data.length;i++){
                   if(i==index){
                       $(jq).combobox("setValue",eval("data[index]."+opt.valueField));
                       break;
                   }
               }
           }
       });
   }
});

调用方法实例如下：
复制代码代码如下:
<scripttype="text/javascript">
varcurrenturl="om_taking.aspx";
       $(function(){
           $("#dept").combobox({
               url:currenturl+"?act=loadDept",
               valueField:"DEPARTMENT_ID",
               textField:"DEPARTMENT_NAME"
           }).combobox("selectedIndex",0);
       });
</script>

相关文章