ext中对RowExpander的使用

 之前看到过例子这样来用，的确很方便，今天根据自带的例子来看了下，我说下怎么来使用。

1：需要引入RowExpander.js这个文件，否则在使用的时候会出现Ext.ux.grid is undefined 的错误。这个文件在下载后的example中可以找得到，在ux文件夹下。

2：

2.1：定义expander：

var expander = new Ext.ux.grid.RowExpander({
						tpl : new Ext.Template('<div><p><b>详细描述:</b>{desc}</p></div>')
					});

 

2.2：引入expander，需要在2个地方，一个是gridpanel的columns中添加个expander，另外一个是给gridpanel的配置选项添加：plugins : expander就好了

 

 

使用中发现一个问题，如果columns中也有new Ext.grid.RowNumberer()的话，那么打开折叠效果就会看到显示的内容跑到了最左边，样式不好看了就。那么折中的解决办法就是不要使用new Ext.grid.RowNumberer()就可以了

 

备注下：js只需要引入这个文件即可，其余的css等js都不需要引入就可以使用的