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