如何在Ext.js中動態添加自定義網格行？

Question

我有一個網格，看起來是這樣的：

---------------------- 
Id | Customer | Total 
---------------------- 
100| Foo, Inc.| $19.95 
---------------------- 
200| Bar, LLC.| $23.50 
---------------------- 

當我雙擊任何給定行我想補充其包含嵌套網格特定行下面一行。所以，那麼，網格是這樣的：

---------------------- 
Id | Customer | Total 
---------------------- 
100| Foo, Inc.| $19.95 
---------------------- 
    ------------------ 
    ORDER DETAIL 
    ------------------ 
    Item | Term | SKU 
    ------------------ 
    1 | 30 | abc  
    ------------------ 
---------------------- 
200| Bar, LLC.| $23.50 
---------------------- 

我已經有孩子（「訂單詳細信息」），我要在其他地方使用網格容器。我如何將這個網格動態添加到雙擊下面的一行？

Answer 1

正如Robert已經提到的，您可以使用RowExpander插件http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ux.RowExpander在網格行中包含額外的信息。

這裏是示例實現的： http://docs.sencha.com/ext-js/4-1/#!/example/grid/grid-plugins.html