使用Ext grid column Column定义列

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

使用Ext.grid.column.Column定义列

正如从前面的示例中看到的，创建Ext.grid.Panel时，必须指定columns选项，该选项要么是Ext.grid.column.Column数组，要么是JavaScript对象，该对象中必须包含一个items属性，该属性值依然是Ext.grid.column.Column数组——总之，定义Ext.grid.Panel时，必须传入Ext.grid.column.Column数组来定义各数据列。

使用Ext.grid.column.Column定义列定义可以指定如下常用选项。

• Ø text：指定该列的列名。
• Ø sortable：指定是否可以对该列进行排序。
• Ø hideable：指定该列是否可以隐藏。
• Ø menuDisabled：指定是否禁用该列上默认的右键菜单。
• Ø draggable：指定该列是否可以通过拖动来改变列的排列顺序。
• Ø groupable：指定是否可以对该列进行分组。
• Ø dataIndex：指定读取底层Ext.data.Store数据中哪个数据字段。.
• Ø renderer：指定一个函数对该列数据进行转换后显示在表格中。通过该选项即可对该列数据指定自定义的显示格式。

Ext.grid.column.Column是所有列定义的基类，它包含如图6.72所示的子类。

 

图6.72　列定义的类

Ext.grid.column.Booean列类型用于显示boolean类型的数据，使用该列类型时可指定如下两个选项。

• Ø trueText：指定当该单元格值为true时显示的文本。
• Ø falseText：指定当该单元格值为false时显示的文本。

Ext.grid.column.Date列类型用于显示日期类型的值，Ext.grid.column.Number列类型用于显示数值类型的列。使用Ext.grid.column.Date或Ext.grid.column.Number列类型时都可指定format选项，该选项用于指定显示该列数据的格式。

Ext.grid.column.Template列类型允许使用模板来设置该列显示的内容，使用该列类型可指定tpl选项，该选项用于指定一个模板字符串。

Ext.ux.CheckColumn是第三方扩展的列类型，需要额外导入examples\ux目录下的CheckColumn.js文件，它会显示一个允许用户通过单击来改变boolean值的列。