//有些大数据量放在列信息里面会占据较大的位置,影响界面美观,可以把它进行缩放
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], //该处添加插件
....
});