Question

Ext的行扩展实现二级嵌套

Ext的行扩展，即在表格中的每一行前面显示一个“+”号，点击“+”号可以展开改行中的其他数据,实际业务需要二级嵌套,怎样来实现二级嵌套?如下图

Answer 1

如果你的是ext3.0的可以用 Ext.grid.RowExpander这个插件，
var expander = new Ext.grid.RowExpander({
tpl : new Ext.XTemplate(
'<div class="detailData">',
'',
'</div>'
)});

再加监听
expander.on("expand",function(expander,r,body,rowIndex){

var grid = new Ext.grid.GridPanel({
store:getConfigRcData,
cm:cm,
renderTo:Ext.DomQuery.select("div.detailData",body)[0],
viewConfig: {
columnsText : "列显示/隐藏",
sortAscText : "升序",
sortDescText: "降序",
forceFit: true
},
autoWidth :true,
autoHeight:true
});

})
如果是4.0的自己本身就有个控件

追问

那页面的嵌套怎么实现的?

追答

已经可以嵌套， renderTo:Ext.DomQuery.select("div.detailData",body)[0],中的div.detailData与
'', 对应

追问

你有相应的源码吗?让我参考下 可以发到我邮箱里面309321406@qq.com 谢谢了！

追答

可以，已经发了，但代码比较乱你自己看那些有用就提取吧,就3步，
第一 plugins: [editor,expander],加入插件。
第二 new Ext.grid.RowExpander 建立
第三 加监听 并把你的grid renderTo expander

追问

虽然看的不是太懂还是谢谢你!