如何在Ext.js中动态添加自定义网格行?

时间:2013-03-12 20:07:35

标签: extjs extjs4.1

我的网格看起来像这样:

----------------------
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
----------------------

我已经为孩子准备了一个网格容器(" ORDER DETAIL"),我将在其他地方使用。如何动态地将该网格添加到双击网格下面的一行?

1 个答案:

答案 0 :(得分:2)

正如罗伯特已经提到的,你可以使用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