Ext.form.ComboBox setValue()初始值设定问题

最新推荐文章于 2020-05-08 09:49:02 发布

骑鱼的少年

最新推荐文章于 2020-05-08 09:49:02 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： extjs

本文链接：https://blog.youkuaiyun.com/qq_21918903/article/details/78800204

本文解决Ext.form.ComboBox在使用远程加载数据时，修改选择项显示为ID而非name的问题。通过正确配置store及监听load事件，确保下拉框始终显示正确的displayField。

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

问题:使用Ext.form.ComboBox动态从后台加载数据时（mode:”remote”，field[‘id’,’name’]）,下拉框正常，但是如果要修改时，下拉框显示为id，不为name，不正常显示displayField。

var nodeNameStore = new Ext.data.JsonStore({   
        url : Listener   
                + '?className=etl.db.Node&methodName=getAllNodeJSON¶mCount=0',   
        totalProperty : 'results',   
        root : 'root',   
        fields : ['nodeId', 'nodeName'],   
        listeners : {   
            load : function() {   
                nodeName.setValue(nodeName.getValue());   
            }   
        }   
    });   
    nodeNameStore.load();   

    var nodeName = new Ext.form.ComboBox({   
        xtype : "combo",   
        name : "nodeName",   
        fieldLabel : "所在作业节点",   
        displayField : 'nodeName',// 下拉框显示的值   
        valueField : 'nodeId',   
        store : nodeNameStore,   
        triggerAction : 'all',   
        editable : false,   
        allowBlank : false,   
        emptyText : '请选择作业节点',   
        selectOnFocus : true   
    });   
nodeName.setValue("1");

这样在设置时会自动显示正确的dispalyField;