在日常需求中,可能会遇到,同一个Combobox组件,多种的显示情况。
比如可能根据其中的某些栏位,下拉列表中的值有所区别。
目前碰到一个需求,需要显示活跃的产品,另外一处显示全部产品。
为了增加可用性,决定重写Combobox类,增加参数开关,可以随意设定。
实现方法:
Modules.PorudctListCombo = Ext.extend(Ext.form.ComboBox, { active : false, //新增的参数 store : ProductStore, fieldLabel :'ttttt', displayField : 'label', valueField : 'code', triggerAction : 'all', forceSelection : true, selectOnFocus : true, typeAhead : true, mode : 'local', lastQuery: '', initComponent : function(){ //重写此方法 if(this.active){ var records = []; this.store.each(function(r){ records.push(r.copy()); }); var clonestore = new Ext.data.Store({ recordType: this.store.recordType }); clonestore.add(records); clonestore.clearFilter(); clonestore.filterBy(function(r){ //进行值的过滤 return r.get('start') <= new Date() && r.get('status')=='ACTIVE'; }); this.store =clonestore; //值赋给combobox } Modules.ProductListCombo.superclass.initComponent.call(this); } });
使用的时候,只要设定active true or false即可。
或者,active参数作为数组,这样就可以自由定义哪个栏位进行过滤了。
在此就不详述了。
相关推荐
C# ComboBox(winform 2008) 下拉多列 支持按输入的自动过滤(比如输入A,则以A开头的项全匹配出来),当只有一条满足条件时自动选中。
该实例展示了combobox通过输入进行过滤的数据源的方法,实现环境为flex4,测试通过,希望可以帮到你!
修改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;//将...
Easyui Combobox 过滤功能,类似火车票网站过滤。
在一个项目总ComboBox中有很多项目,用户查找非常麻烦,系统自带的快速定位是匹配首字母,使用起来非常不方便。网上找了很多,都是基于Items.Add()的方式,这种方式不支持数据源的键值对应。所以自己写了一个,发...
绑定集合对象,输入指定字段过滤筛选。自动选中对象填充到编辑框,自动全选未匹配中部分(输入可快速替换)再次补充输入自动筛选并展示可选对象(上下键可自由选择)。回车键按下事件通知选中的对象,如果非绑定集合...
ComboBox控件可以输入文本也可以提供列表来选择项,而且还自带有属性来实现自动匹配,但是它有一个弊端,只能从头开始匹配,例如"张三丰",输入"三"或“三丰”是匹配不了。该自定义控件利用visual studio2017开发,...
输入拼音首字母过滤选项的combobox,同时根据汉字生成拼音和拼音首字母,使用的是微软的Microsoft.International.Converters.PinYinConverter,对于有些多音字不正确的,可以在里面增加一个xml字典进行过滤
主要为大家详细介绍了EasyUI学习之Combobox级联下拉列表的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
类似百度搜索edit提示字符过滤下拉框以及combobox字符过滤下拉框
C1TrueDBGrid以C1TrueDBDropdown显示下拉列表过滤(代码可用)
NULL 博文链接:https://niuyandong1988.iteye.com/blog/2206640
源于自己正在做的一个项目,Flex,自己写的代码。因为接触Flex没多久,见笑了。
项目需求:根据年级下拉框的变化使得科目下拉框绑定次年级下对应有的值 我们用三层架构的模式来实现 1.我们想和数据库交互,我们首先得来先解决DAL数据库交互层 01.获得年级下拉框的数据 在GradeDAL类中 ...
根据你输入的内容自动过滤出匹配的列表项,并实时显示出来,和IE地址栏类似。非常强大
灵活:数据源、下拉框内显示的列、列名、可搜索关键字等可自由定义 方便:可输可选/支持键盘操作/模糊过滤/自动完成匹配 标准:通过继承combobox实现,可单独使用,也可嵌入datagridview使用 感谢“随风飘散”
用途:一般用于系统管理中多选角色,涉及 1、css样式:flex布局,postion之absolute,relative,画三角形 2、input checkbox类型的 v-model 双向绑定 onchange事件 3、数组过滤及循环遍历 4、子组件向父组件传值
cxGrid与cxLookupComboBox多列模糊过滤
本篇文章主要介绍了easyui combogrid实现本地模糊搜索过滤多列,非常具有实用价值,需要的朋友可以参考下