为表格添加列都是在grid的定义的colunms中添加对象实现的:
1.行序号
{ header: '序号', xtype: 'rownumberer', width: 60, align: 'center', sortable: false }
若还要做表格的增删,并且刷新行列号:
增加不用管,表格序列会自动实现自增;
若是删除,则需要调用刷新视图实现:
Ext.each(reconrds, function (record) {
Ext.getCmp('potenshow').store.remove(record);
})
Ext.getCmp('potenshow').getView().refresh(); // 删除一行记录以后,行序列号重新排序;
2.勾选框
selModel: Ext.create('Ext.selection.CheckboxModel', {}),
3.扩展列
扩展列即平时不显示,但是在每个行前面带有一个“+”号,当点击加号展开时显示,对于表格中列数比较多或者某一列内容较多且不重要的显示十分合适:
这个也可以作为表格的插件定义:
plugins: [
{
ptype: 'rowexpander',
rowBodyTpl: new Ext.XTemplate(
"<p style='position:ralative;top:10px;font-size:12px;color:#ff0000;'>创建人</p>",
'<p>{CREATE_USER}</p>',
"<p style='position:ralative;top:10px;font-size:12px;color:#ff0000;'>创建时间</p>",
'<p>{CREATE_TIME}</p>',
"<p style='position:ralative;top:10px;font-size:12px;color:#ff0000;'>备注</p>",
'<p>{REMARK}</p>'
)
}
]
这里大括号{}中的变量为gird 的数据中的字段名称;