EXT COMbox 任意字符模糊匹配（单行）

最新推荐文章于 2024-11-22 14:13:59 发布

怎么不收录

最新推荐文章于 2024-11-22 14:13:59 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： ext function

本文链接：https://blog.youkuaiyun.com/jerryliu868/article/details/6608971

本文介绍如何使用ExtJS框架中的ComboBox组件，并实现自定义过滤功能。通过设置ComboBox的属性和监听beforequery事件，可以实现在输入框中输入字符时，列表会根据输入内容进行实时过滤，提高用户体验。

 <script type="text/javascript">
   Ext.onReady(function(){
        Ext.QuickTips.init();
        var storeList = new Ext.form.ComboBox({    
                typeAhead: true,
                triggerAction: 'all',
                emptyText:'',
                mode: 'local',
                selectOnFocus:true,
                transform:'ta_code',         // 将已存在select（通过id）直接转ComboBox
                width:135
        });
        storeList.on('beforequery',function(e){  
            var combo = e.combo;  
            if(!e.forceAll){  
                var value = e.query;  
                combo.store.filterBy(function(record,id){  
                 var text = record.get(combo.displayField);  
                 //用自己的过滤规则,如写正则式  
                 return (text.indexOf(value)!=-1); 
              });  
             combo.expand();  
    return false;  
         }  
     });  
 })   
</script>