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

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

2025-05-11 19:26:26

推荐回答（2个）

回答（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

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

回答（2）：

var aass = [{ title: "系统管理", containerScroll: true, autoScroll: true, html: '

'}];
items:aass;

或者
var aass = { title: "系统管理", containerScroll: true, autoScroll: true, html: '

'};
items:[aass];