`
deejay
  • 浏览: 145002 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

EXTJS ComboBox 获取displayField 值

EXT 
阅读更多

var s_ds = new Ext.data.Store({
     proxy : new Ext.data.HttpProxy({
        url : url,
        timeout : 15000
       }),
     autoLoad : true,
     reader : new Ext.data.JsonReader({}, ['id', 'longName','currentFlag']),
     listeners : {
      load: function() { 
               sessionCombo.setValue(_sessionid); 
               bulkUploadGrid.grid.sessionId = _sessionid;
           }
     }
    });

var sessionCombo = new Ext.form.ComboBox({
    hideLabel : false,
    fieldLabel : '届次',
    hiddenName : 'sessionid',
    name : 'sessionCombo',
    id : 'sessionCombo',
    emptyText : '',
    store : s_ds,
    displayField : 'longName',
    valueField : 'id',

    value : '',
    mode : 'romote',
    triggerAction : 'all',
    editable : false,
    width : 88,
    selectOnFocus : true,
    listeners : {
     'select' : function(thisCombo) {
      bulkUploadGrid.grid.sessionId = thisCombo.getValue();
     }
    }
   });

 

 

var index = s_ds.find("id",sessionCombo.getValue());
var r = s_ds.getAt(index);
if(r)
  alert( r.get("longName"));

分享到:
评论

相关推荐

    extjs 自动补全 模拟combobox

    EXTJS并没有直接提供一个名为"自动补全"的组件,但它可以通过模拟Combobox组件来实现这一效果。Combobox是EXTJS中的一个下拉选择框,它可以显示一个下拉列表供用户选择,同时也可以配合自动补全功能。 首先,让我们...

    ExtJS Combobox二级联动列子

    3. 设置联动:在一级Combobox的`select`事件中,获取选中的值,然后根据这个值动态更新二级Combobox的Store。 4. 渲染界面:将Combobox添加到面板或窗口中,展示给用户。 四、示例代码 这里我们以一个简单的省份和...

    EXTJS 选下拉框,并取得下拉框的值

    总结一下,EXTJS中的下拉框(ComboBox)是通过`Ext.form.field.ComboBox`实现的,可以通过设置`store`、`displayField`和`valueField`来定义选项和获取选定值。使用`getValue()`方法可以获取选定的值,而`select`...

    extjs editgrid combobox 回显

    在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...

    extJs ComboBox级联

    ExtJS ComboBox级联是一种在Web应用中常见的交互方式,它允许用户从下拉列表中选择一个值,并且这个选择会影响到另一个ComboBox的选择项,通常用于表示层级关系的数据,比如省份-城市-区县。这种功能在数据筛选、...

    extjs3.x combobox智能联想

    它的基本配置包括`fieldLabel`(字段标签)、`store`(数据存储)、`displayField`(显示字段)和`valueField`(值字段)等。在实现智能联想功能时,我们需要关注以下几个关键属性: 1. `store`:这是Combobox的...

    extjs的ComboBox 2级联动

    ComboBox由几个关键部分组成,包括store(数据存储)、displayField(显示字段)和valueField(值字段)。Store用于存储选项数据,displayField定义了在下拉列表中显示的字段,而valueField则标识选中项的唯一标识。...

    Extjs让combobox写起来简洁又漂亮

    其中,Extjs的combobox组件是一个常用的UI控件,它集成了文本输入和下拉列表,允许用户在有限的空间内快速选择一个选项。 在Extjs中,创建一个简洁又漂亮的combobox组件主要包括以下几个关键点: 1. 创建自定义...

    ExtJS PropertyGrid中使用Combobox选择值问题

    这段代码首先检查即将修改的属性是否是`BRAND_NAME`,如果是,就获取Combobox对应的store中的记录,并找到与当前valueField值对应的displayField值。然后,它会暂停PropertyGrid的事件处理,防止在设置新值时触发...

    无废话ExtJs 教程十[下拉列表:Combobox]

    - `displayField`:指定显示在Combobox输入框中的字段名。 - `valueField`:当选择一个选项时,保存到模型的字段名。 - `queryMode`:查询模式,可选"local"(本地搜索)或"remote"(远程搜索)。 - `...

    Extjs学习笔记(-):ComboBox联动

    1. **配置项**:在创建ComboBox时,我们需要定义配置项,如`fieldLabel`(标签)、`store`(数据源)、`displayField`(显示字段)和`valueField`(值字段)。对于联动,还需关注`queryMode`,一般设置为`local`或`...

    Extjs4---combobox省市区三级联动+struts2

    每个ComboBox都需要配置`store`来存储数据,`displayField`用于显示值,`valueField`用于保存选中的值。通过监听`select`事件,我们可以触发下级ComboBox的数据加载。例如,省份ComboBox的`select`事件可以触发城市...

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    - 创建 `GridComboBox` 需要配置 `store`(数据源)、`displayField`(显示字段)、`valueField`(值字段)等基本属性。 - 为了将 `GridPanel` 与 `ComboBox` 结合,你需要创建一个自定义的下拉模板,定义如何展示...

    Extjs Combotree

    ExtJS Combobox Tree,通常被称为Combotree,是ExtJS框架中的一个组件,它结合了下拉列表(Combobox)和树形结构(Tree),提供了一种用户友好的选择方式,尤其适用于展示层级关系的数据。在ExtJS 4.x版本中,这个...

    extjs4 下拉菜单树 combobox+tree 支持单选多选

    此时,可能还需要监听`selectionchange`事件,以便在用户选择变化时更新ComboBox的值。 4. **数据加载与渲染** - 数据通常通过JSON格式从服务器获取,然后加载到TreeStore中。你可以定义一个`proxy`来处理数据的...

    extjs多选下拉框

    例如,`setValue`可以设置选中的值,`getValue`可以获取选中的值。 7. **样例代码**: 这是一个基本的多选下拉框的示例,你可以根据自己的需求进行修改和扩展: ```javascript Ext.application({ launch: ...

    Extjs6 下拉列表

    - 在ExtJS6中,ComboBox提供了多种配置项,如`store`(数据源)、`displayField`(显示字段)、`valueField`(值字段)等,可以根据需求灵活配置。 - 可以设置`queryMode`属性为`local`或`remote`,在本地数据集或...

    Ext带图标Combobox

    displayField: 'text', valueField: 'id', tpl: template, typeAhead: true, mode: 'local', triggerAction: 'all', width: 300 }); ``` 以上代码创建了一个带有图标的Combobox,用户可以看到每个选项前都有...

    extjs4 实现下拉树并支持复选

    在EXTJS4中,实现一个下拉树(Combobox Tree)并支持多选和复选功能,主要是通过自定义组件(Ext.define)来完成的。这个组件继承自EXTJS的Picker字段(Ext.form.field.Picker),并添加了树形结构和复选功能。以下...

Global site tag (gtag.js) - Google Analytics