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