extjs4rowexpander嵌套表中的应用

今天做一个网格，数据需要详细说明，或者参与一个嵌套表。！看下面的图片。

网格中的每一个记录，点击+号左侧展开详细的子窗体。所有数据，包括列名，都是从后台获得的。该子窗体的数据暂时的局部测试。

在这里粘贴一些代码留下一个记录
复制代码代码如下所示：
功能displayinnergrid（renderid）{

用于内部网格存储的模型
Ext.define（'testmodel，{
延伸：'ext.data模型，
领域：{
{姓名：'field1}，
{姓名：'field2}，
{姓名：'field3}
}
}）；

内部网格的虚拟数据
无功dummydataforinsidegrid = {
{A，A，A}，
{ B，B，B}，
{c、c、c}

}；

无功insidegridstore = ext.create（'ext.data。arraystore，{
模型：'testmodel，
数据：dummydataforinsidegrid
}）；

innergrid = ext.create（'ext.grid。面板，{
店：insidegridstore，
SelModel：{
SelType：'cellmodel
}，
列：{
{文本：详细信息1
{文本：详细信息2
{文本：详细信息3
}，
columnlines：真，
AutoWidth：真的，
AutoHeight：真的，
宽度：400，
/高度：200，
框架：false，
iconcls： / / 'icon-grid，
render：renderid
}）；

innergrid.getel（。swallowevent）（{ *
鼠标，'mouseup '，点击'，
快捷菜单，'mouseover '，'mouseout，
双击，'mousemove
}；

}
功能destroyinnergrid（记录）{

VaR母= document.getelementbyid（record.get（'id'））；
VaR的孩子= parent.firstchild；

当（子）{
child.parentnode.removechild（孩子）；
孩子= child.nextsibling；
}

}

复制代码代码如下所示：
grid_huizong.view.on（'expandbody功能（rownode，记录，expandrow，eopts）{
/ / console.log（record.get（'id'））；
displayinnergrid（record.get（'id'））；
}）；

grid_huizong.view.on（'collapsebody功能（rownode，记录，expandrow，eopts）{
DestroyInnerGrid（记录）；
}）；

上面的代码是网格绑定事件。应该理解哪些特定代码

请注意，当定义网格时，使用它
复制代码代码如下所示：
插件：{
Ptype：'rowexpander，
rowbodytpl：{
'，
'
}
} }，

这是互联网上的rowexpander plug-in.someone表示需要参考使用时，但我没什么用，太。

注意以上三段代码中的键ID，您可以更改它，但您需要将其更改为后台发回的数据的字段的第一项。