ExtJs的列模式column(xtype)详解

概述:列模式,就是在grid组件创建的时候,指定的列模式,我们可以将数据更好的展示和列的功能按钮扩展等。

一、列模式的主类 Ext.grid.column.Column xtype:gridcolumn

1.Ext.grid.column.Actionxtype:actioncolumn

在表格中渲染一组图片按钮,并且为它赋予功能

alertText:String设置应用image元素上的alt

handler:function(view,rowindex,colIndex,item,e);触发的点击事件

icon:图标的资源地址(图片资源)

iconCls:图片样式, 指定的一个css的类名

items:多个图片的数组,在使用MVC的时候建议不要用

stopSelection设置是否单机选中不选中

2.Ext.grid.column.Booleanxtype:booleancolumn boolean类型的列模式

falseText当值为false的时候显示什么信息

trueText 当值为true的时候显示什么信息

3.Ext.grid.column.Datextype: datacolumn 日期的列模式

format指定的是格式如 Y年m月d日

4.Ext.grid.column.Numbernumbercolumn number的列模式

format指定的显示数值的格式0,000

5.Ext.grid.column.Templatextype:templatecolumn 模版类型的列模式 常用于显示model的其他属性,比如描述等。

tpl指定显示信息, 当使用到model的属性时候 可以用{属性名}来,则可以显示出数据


转自: http://blog.csdn.net/zhangshuaipeng/article/details/7209894

你可能感兴趣的:(column)