EXTJS表格列xtype详解

最新推荐文章于 2023-01-18 19:08:22 发布

chenhua3042

最新推荐文章于 2023-01-18 19:08:22 发布

阅读量921

点赞数

文章标签：测试

原文链接：https://my.oschina.net/yunsy/blog/598782

版权

本文详细介绍了EXTJS中用于表格的列类型，包括ActionColumn、BooleanColumn、DataColumn、NumberColumn和TemplateColumn等，展示了如何通过xtype配置实现功能按钮、日期显示、数值格式化等功能。同时提到了Ext.grid.RowNumber类用于创建行号列，并讨论了数据字典在前端缓存的应用。

摘要由CSDN通过智能技术生成

概述：列类型，就是在grid组件创建的时候，指定的列xtype，我们可以将数据更好的展示和列的功能按钮扩展等。

以雨泽漫画的后台为例，需要在列末尾增加几个按钮，“完结状态“、“推荐”、”编辑“、”预览“等按钮。

如下图所示：

代码实现：(主要在view层中来指定列类型，其他的事件等model改动的代码暂不显示了)

Ext.define("AM.view.List",{
       extend:"Ext.grid.Panel",
                     title:"GridDemo", //标题
                     frame:true,  //面板渲染
                     alias:"widget.userlist",  //设置别名