combo默认能够根据输入的内容过滤的列表内容,不过这个过滤只是根据displayField来的。如果要能够同时根据自己制定的字段过滤就需要如下修改:
在combo的源码的
doQuery方法中
if(forceAll === true || (q.length >= this.minChars)){
if(this.lastQuery !== q){
this.lastQuery = q;
if(this.mode == 'local'){
this.selectedIndex = -1;
if(forceAll){
this.store.clearFilter();
}else{
this.store.filter(this.displayField, q);
//hack
if(this.otherFilterField){
this.setValue(this.getRawValue());
if(this.store.data.length==0)
this.store.filter(
this.otherFilterField, q);
}
}
this.onLoad();
然后需要构造这种combo的时候指定otherFilterField为record的其他字段就可以了
分享到:
相关推荐
首先,ComboBox在Ext JS中是一个可选列表的输入控件,它可以展示一个下拉菜单供用户选择。在本地模式下,ComboBox的数据通常存储在本地,如JavaScript数组中,而不是从远程服务器获取。这样可以提高应用的响应速度,...
例如,可能有监听用户输入的`keyup`事件,根据输入的文本动态过滤下拉列表的显示。 源码可能会包含以下部分: 1. ComboBox配置: ```javascript var comboBox = Ext.create('Ext.form.ComboBox', { multiSelect...
这里定义了一个匿名函数作为过滤规则:对于每一条记录`record`,获取其指定字段(`displayField`)的值,并检查该值是否包含`value`。如果是,则该记录满足条件,会被保留下来;否则会被过滤掉。 - 最后调用`combo....
4. **实现联动**:在provinceComboBox的select事件监听器中,根据选定的省份ID过滤cityStore,并重新加载数据。 ```javascript provinceComboBox.on('select', function(combo, record) { var selectedProvinceId =...
ExtJS的Combobox组件是一种常见的数据输入控件,它提供了下拉列表的功能,用户可以选择列表中的一个选项或者在输入框中自由输入。在实际应用中,我们常常会遇到需要实现二级甚至多级联动的场景,这通常是由于数据的...
在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...
ComboBox是EXTJS中的Select字段,通常包含一个输入框和一个下拉列表。它的核心特性包括可搜索、可分页、可远程加载数据等。联动效果的实现主要涉及以下几个关键点: 1. **配置项**:在创建ComboBox时,我们需要定义...
EXTJS的下拉列表通常由`Ext.form.field.ComboBox`类创建。全选和去全选功能通常与多选下拉列表关联,EXTJS通过设置`multiSelect: true`属性来启用这个功能。要实现全选和去全选,我们需要自定义一些方法并绑定到相应...
智能提示和智能检索的核心在于,当用户在ComboBox中输入字符时,控件会自动向服务器发送请求,Handler.ashx接收请求,根据`query`参数执行数据库查询,然后返回匹配的姓名列表。ComboBox接收到响应后,根据返回的...
在ExtJS中,下拉列表ComboBox组件是用于展示可选列表的交互控件,常用于表单输入。它提供了多种数据绑定方式,包括本地数据和远程数据。本篇文章将详细讲解Ext中下拉列表ComboBox组件的store数据格式及其用法。 ...
- `ComboBox`提供了下拉选择功能,`typeAhead`开启输入预测,`triggerAction`指定了下拉列表触发方式,`transform`用于指定一个隐藏输入框,`lazyRender`延迟渲染列表项,`listClass`则定义了下拉列表的样式。...
其中一个常用的组件就是`ComboBox`(组合框),它可以用来创建一个包含可选择项目的下拉列表。在某些场景下,我们可能需要在`ComboBox`中手动添加一个空选项或者默认选项,例如“所有”、“请选择”等,以便让用户...
在ExtJS框架中,ComboBox是一个可选列表的输入框组件,它结合了文本输入和下拉列表的特性,为用户提供了一种方便的交互方式。级联ComboBox意味着两个或多个ComboBox之间存在关联,当用户在一个ComboBox中做出选择时...
这里,`Ext.getCmp`用于根据组件的ID获取组件实例,然后调用`getValue()`获取选定的值。记得替换'comboBoxId'为实际下拉框的ID。 EXTJS还提供了丰富的API和事件处理机制,允许你对下拉框进行更复杂的操作,比如监听...
总结一下,实现建议词模糊动态搜索的关键在于使用`Ext.form.ComboBox`并配置其属性以连接到服务器端接口,监听用户的输入,并根据输入进行远程查询。同时,`JsonStore`用于存储和管理从服务器获取的数据。通过调整...
var comboBox = Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择项', displayField: 'text', // 显示节点的文本 valueField: 'id', // 选中节点的标识字段 queryMode: 'local', store: treeStore, ...
- `Ext.getCmp(id)`: 根据组件 ID 获取组件实例。 - `Ext.each()`: 遍历数组或对象。 - `Ext.apply()`: 将一个对象的属性合并到另一个对象中。 #### 2. Array 类 (P.4) - **概述**:提供了一系列操作数组的方法...
- 对于状态管理,可以通过设置`Ext.state.Manager.setProvider(new Ext.state.CookieProvider())`,使得状态存储到Cookie中,以便用户刷新页面时能够保留当前的状态。这对于提高用户体验非常重要,尤其是在涉及表单...
然而,当在EditorGridPanel中嵌入ComboBox(下拉选择框)作为编辑器时,可能会遇到一个问题,即ComboBox显示的不是其store中设定的displayField(显示字段),而是EditorGridPanel自身store的数据index字段内容。...
ComboBox是Ext JS提供的一种基本UI元素,用于创建下拉列表,它允许用户从预定义的选项中进行选择。默认情况下,ComboBox仅显示文本选项,但通过自定义模板和渲染函数,我们可以添加图片元素,使其更生动、更具表现力...