首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Ext数据扩张显示

2012-09-05 
Ext数据扩展显示?//有些大数据量放在列信息里面会占据较大的位置,影响界面美观,可以把它进行缩放1. 定义该

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

?

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

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

热点排行