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],           //该处添加插件

 

                                        ....

                                 });