javascript - 将组件渲染到摘要行

Question

如何有效地将组件渲染到网格的摘要行中？

summaryRenderer 仅返回原始值，然后将其放入模板中。所以这是我的摘要渲染器:

summaryRenderer:function(summaryValue, values, dataIndex) {
    return summaryValue + '<br><div id="btn-' + dataIndex + '">';
}

并且不知何故我必须在渲染器完成后插入一个组件。我曾尝试在 store.load 回调中执行此操作，但渲染器仅在加载后完成。

me.getStore().load({
  callback:function(records, operation, success) {
    Ext.each(me.getColumns(),function(column) {
      Ext.create('Ext.Button',{
        text:'Use this column',
        handler:function() {
          me.createEntryFromColumn(column);
        }
      }).render('btn-'+column.dataIndex);
      // throws "Uncaught TypeError: Cannot read property 'dom' of null", 
      // because the div is not yet in the dom.
    });     
  }
});

我可以附加到哪个事件，只有在 summaryRenderer 完成后才会触发？

Answer 1

也许你可以这样做:

init: function () {
    this.control({
        'myGrid': {
            afterrender: this.doStuff
        }
    });
},

doStuff: function (myGrid) {
    var self = this;

    myGrid.getStore().on({
        load: function (store, records) {
            // do stuff
        }
    });

    myGrid.getStore().load();
}