ExtJS4 Grid with RowExpander

Question

我需要在rowexpander中显示一个表单。为了做到这一点，我计划创建一个临时div作为rowexpander的一部分，然后在expandbody事件期间附加一个表单。但是，我对如何为RowExpander注册expandbody监听器感到困惑。

请帮帮我。

由于

Answer 1

您确定不想使用常规的roweditor吗？或者弹出一个窗口，将记录加载到表单中？

---

编辑： 如果这就是您想要的，那么只需按照Sencha中的示例进行操作即可。 基本上，您只需指定一个模板，了解您希望如何在插件配置中呈现数据。您不需要仅仅为了呈现数据而收听扩展事件。

plugins: [{
            ptype: 'rowexpander',
            rowBodyTpl : [
                '<p><b>Company:</b> {company}</p><br>',
                '<p><b>Summary:</b> {desc}</p>'
            ]
        }],

Answer 2

使用'pluginId'属性来访问RowExpander插件对象。

以下是the RowExpander docs

的示例

var grid = Ext.create('Ext.grid.Panel', {

    plugins: [{
        ptype: 'cellediting',
        clicksToEdit: 2,
        pluginId: 'cellplugin'
    }]
});



// later on:

var plugin = grid.getPlugin('cellplugin');