[Ext JS]5.1.1 分组标题的表格（Grouped Header Grid）与使用技巧

分组标题的表格，也就是表格的标题行不仅仅是一行，可能是两行或者是多行，而且上下行之间有层级关系。
以两层的分组标题栏为例，显示的效果如下：

实现方式

分组的标题栏的定义很简单，就是在columns 下嵌套定义columns ，dataIndex在最后一级标题定义。完整的定义如下代码所示：

           Ext.create('Ext.grid.Panel',{renderTo:'div1',store: mystore,columns:[{text:'',dataIndex:'power'},{text:'魏国',columns: [{text:'许昌',dataIndex:'xc'},{text:'洛阳',dataIndex:'ly'}]},{text:'蜀国',columns: [{text:'成都',dataIndex:'cd'},{text:'汉中',dataIndex:'hz'}]},{text:'吴国',columns: [{text:'长沙',dataIndex:'cs'},{

[Ext JS]5.1.1 分组标题的表格（Grouped Header Grid）与使用技巧相关推荐

Ext JS 4倒计时：开发者预览版
作为Ext JS团队的代表,我很高兴地宣布第一个Ext JS 4开发者预览版发布了.Ext JS 4是到目前为止,我们所做的改动最大,有史以来最先进的Javascript框架.从生成HTML代码到类 ...
Ext JS的4.1.0的RC 1的发行说明
Ext JS的 - JavaScript框架 Ext JS的4.1.0的RC 1的发行说明发行日期:2012年3月13, 版本号:4.1.0的RC 1 修正的错误钮 EXTJSIV-5129 按钮 ...
[Ext JS]5.9 嵌套Grid的实现及注意事项
嵌套网格的效果嵌套网格(Nest Grid) 是每个Grid的行展开后是一个子Grid, 实现的效果如下图: 嵌套网格的实现 Ext JS 直接提供了嵌套网格的实现, 即通过Grid的插件 Ext. ...
EXT JS 4.3 在线学习
官网地址:http://docs.sencha.com/extjs/4.1.3/ 相关示例:http://docs.sencha.com/extjs/4.1.3/#!/example Examples ...
小弟的新书《Ext JS权威指南》终于出版了
链接:http://product.china-pub.com/3661375&weibo#ml <ext js权威指南> 前言第1章 ext js 4开发入门 / 1 1.1 ...
EXt js 学习笔记总结
1. get . fly. getCmp .getBody .getDoc .getDom.. get-----ExtJs获取节点.dom.提供缓存机制 Ext.Element类是Ext对DO ...
【翻译】将Ext JS Grid转换为Excel表格
原文:Converting an Ext 5 Grid to Excel Spreadsheet 稍微迟来的礼物--Ext JS Grid转为Excel代码,现在支持Ext JS 5! 功能包括: - ...
【翻译】Ext JS 4.2介绍
原文:Introducing Ext JS 4.2 Ext JS 4.2包含了许多令人兴奋的增强功能和特性.你可能已经在之前的文章中阅读过相关的一些功能和特性了,如Grid组件改进.在这篇文章中,将介 ...
Ext JS 4 Beta 3 今天可以下载了
今天,我们很高兴能在每周发布周期的日子里发布ExtJS 4 Beta 3,离我们的目标,ExtJS 4.0最终发布版越来越近了.到目前为止,在你们的帮助下,我们做了大约一千个改进.错误修复和新功能.自 ...

[Ext JS]5.1.1 分组标题的表格（Grouped Header Grid）与使用技巧

实现方式

[Ext JS]5.1.1 分组标题的表格（Grouped Header Grid）与使用技巧相关推荐

最新文章

热门文章