Extjs4 comboBox 动态赋值

//首先先定义comboBox的Model

Ext.define('comboBoxModel', {

                  extend : 'Ext.data.Model',

                                fields : [{

                                              name : 'id',

                                              type : 'string'

                                            }, {

                                              name : 'name',

                                              type : 'string'

                                }]

});

var self = this;

//初始化,设置comboBox内容

this.comboBoxData = Ext.ModelManager.create({

                                                                             id : '0',

                                                                             name : '顶级目录'

                                                                            }, 'comboBoxModel');

//初始化comboBox组件

this.comboBox = new Ext.form.field.ComboBox({

                                                                           fieldLabel : 'comboBox模块',

                                                                           valueField : 'id',

                                                                           displayField : 'name',

                                                                           editable : false,

                                                                           name : 'comboBoxId',

                                                                           triggerAction : 'all',

                                                                           value : '0',

                                                                           anchor : '100%',

                                                                           store : Ext.create('Ext.data.Store', {

                                                                                                        fields : ["name", "id"],

                                                                                                        data : self.comboBoxData 

                                                                                       })

                            });  

//注意下面是动态修改

//再次创建comboBox数据赋值

this.comboBoxData = Ext.ModelManager.create({

                                                                             id : node.data.id,

                                                                             name : node.getPath('text').replace("/root","")

                                   }, 'comboBoxModel');

//把新的内容,进行设置。

this.comboBox.setValue(this.comboBoxData );

你可能感兴趣的:(Ext,JavaScript)