javascript - ExtJs 网格类似列创建更简单

Question

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

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

提前致谢!

Answer 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);
    }
});