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');