当前位置: 代码迷 >> JavaScript >> ExtJs的列方式column(xtype)详解
  详细解决方案

ExtJs的列方式column(xtype)详解

热度:502   发布时间:2012-08-16 12:02:15.0
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
  相关解决方案