日期:2014-05-16  浏览次数:20384 次

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的其他属性,比如描述等。

   &n