Question

EXT panel的items怎么使用JS的变量作为内容，如下，错在什么地方？

items: [{ title: "系统管理", containerScroll: true, autoScroll: true, html: '<div id="tree"></div>'}]
这样是可以的，我想用变量，如下

var aass = [['title',"系统增强",'containerScroll','true', 'autoScroll','true']];
items: [aass]
为什么就不行了？我格式哪错了？没弄出来，请大神帮忙
晕死，自己搞定，还不能结贴

Answer 1

其实很简单，首先先撇开原来的定势思维把

创建一个ext组件的常用方法是
Ext.create('组件类名', {
    //配置
});

后面的{}在js里面被视为一个对象

常用的[]在js里面被视为一个数组

//新
var config = {
    //配置
};
Ext.create('组件类名', config);

//原始
Ext.create('组件类名', {
    //配置
});

上面2种写法是不是一样的效果呢？答案就很清楚了的赛

再来

//新
var itemsArr = [];
Ext.create('组件类名', {
    items: itemsArr
});

//原始
Ext.create('组件类名', {
    items: [{
        //配置
    }, {
        //配置
    }, {
        //配置
    }]
});

延伸

var items = [];
var config = {
    //配置
    items: items
}
//动态加载items的内容
var itemNew = {};
items.push(itemNew );

//在create之前，我们都可以随意操作config这个object的内容，来达到想要的配置
Ext.create('组件类名', config);

所以，不要被原来那种思维固定住，了解js基本知识才可以更灵活的使用extjs

擦，没有看到问题的最后一句话！

Answer 2

var aass = [{ title: "系统管理", containerScroll: true, autoScroll: true, html: '<div id="tree"></div>'}];
items:aass;

或者
var aass = { title: "系统管理", containerScroll: true, autoScroll: true, html: '<div id="tree"></div>'};
items:[aass];