ExtJs 网格相似列创建更简单

【问题标题】：ExtJs grid similar columns created more simplyExtJs 网格相似列创建更简单
【发布时间】：2013-04-21 18:39:19
【问题描述】：

我有一个网格，它有很多几乎相同的列，它们的名称相同，但最后的数字不同。它们使用相同的渲染器函数，但参数值不同，等等......

这些列定义相对较长（5-10 行）。有没有办法生成它们抛出一个循环或什么？它会让我的代码更好，更紧凑。

提前致谢！

【问题讨论】：

标签： javascript extjs datagrid extjs4 extjs-grid

【解决方案1】：

是的，你可以。您还可以在服务器上生成列配置。

您可以在这里看看如何做到这一点：

Ext.define('mynamespace.Grid', {
    extend: 'Ext.grid.Panel'

    // ... your grid configuration 

    initComponent: function() {

       var cm = [];

       Ext.each(columnsArray, function(rec) {
           var col = {
               text: rec.name,
               dataIndex: rec.dataIndex
               // ... renderer and so on
           };

           cm.push(col);
       }, this);

       this.columns = {
           items: cm
       };

       this.callParent(arguments);
    }
});

【讨论】：

非常感谢，完美运行。对那些不明显的人做了一个小的编辑， this.callParent(arguments);最后需要。