回显extjs下拉框组件值

雪刀浪子

于 2019-12-16 15:41:48 发布

阅读量982

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB开发文章标签： extjs 回显下拉框

本文链接：https://blog.csdn.net/mzyp/article/details/103563933

WEB开发专栏收录该内容

16 篇文章

订阅专栏

本文深入探讨了ExtJS框架中组合框的配置细节，包括字段标签、数据存储、动态加载及事件监听等功能，为开发者提供了实用的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.......
{
    xtype: 'combobox',
    fieldLabel:"分类",
    id:'evaluateType',
    name:'evaluateType',
    width:200,
    allowBlank: false,
    displayField: "name",
    valueField: "value",
    emptyText: "--请选择--",
    editable: false,
    autoLoad: false,
    store: Ext.create('Ext.data.Store', {
           fields: ['name', 'value'],
           data : [
             {"key":"绩效评估", "value":'1'},
             {"key":"技术评估", "value":'2'},
             {"key":"政策评估", "value":'3'},
             {"key":"项目评估", "value":'4'}
          ]
    }),//可改为动态加载
    triggerAction: 'all',
    listeners: {
        render : function(combo) {//渲染，重点在这里：
            combo.getStore().on("load", function(s, r, o) {
                var selected = Ext.getCmp('evaluateType').getValue();
                var obj = evaluateTypeDatas.findRecord(combo.valueField, selected);
                combo.setValue(obj);
            });
        }
    }
}........