Ext数据扩展显示

?

//有些大数据量放在列信息里面会占据较大的位置，影响界面美观，可以把它进行缩放

1. 定义该数据的缩放信息 ??

? var myExpander = new Ext.grid.RowExpander({

tpl : new Ext.Template('<p style="color:#999;margin:2px 0px 2px 48px;">{acontent}</p>')

}); ? ?//需要扩展的数据内容 大括号中填入索引数据列dataIndex的对应值

?

? ? 添加缩放信息到模型列中

? ? var myColumnModel = new Ext.grid.ColumnModel([

? ? ? ? ? ? ? ? ? ? ? ?//把扩展的内容加入到列样式中

rowNumber = new Ext.grid.RowNumberer(),myExpander,?{

header : 'id',

dataIndex : 'id',

hidden : true,

sortable : false

}, {

header : '号码',

dataIndex : 'userid',

hidden : false,

sortable : false

},?

2. ? ?在定义GridPanel时，需要加上该插件：

? ? ? ? ? ?myGrid = new Ext.grid.GridPanel({

layout : 'fit',

store : store,

cm : myColumnModel,

stripeRows : true,

viewConfig : {

forceFit : true

},

plugins : [myExpander], ? ? ? ? ? //该处添加插件

?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ....

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?});