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

【问题标题】：How to dynamically add a custom grid row in Ext.js?如何在 Ext.js 中动态添加自定义网格行？
【发布时间】：2013-03-13 04:46:15
【问题描述】：

我有一个看起来像这样的网格：

----------------------
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”），我将在其他地方使用它。如何将该网格动态添加到双击网格下方的一行？

【问题讨论】：

extjs-world.blogspot.com/2011/06/…

标签： extjs extjs4.1

【解决方案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

【讨论】：

谢谢。不幸的是，Ext 经常出现这种情况，我如何将它与我继承的代码集成起来并不明显。
可以理解，但您只需要 JSON 数据来填充网格以及额外的信息来填充展开的行或行体。