本节为ExtJS表格学习的最后一节，学完我将学习表单与输入控件的内容。

树形表格（TreeGrid）同时具备树形的分级结构和表格的丰富内容。

先引入扩展组件，老规矩：

JavaScript Code复制内容到剪贴板

接下来创建TreeGrid

JavaScript Code复制内容到剪贴板

在列定义中有xtype: 'treecolumn',这是告诉列要以树形列来显示，在以后的表单或其他容器中也会以这样的方式来显示，有panelcolumn等，这里等以后讲到再说。

再看下JSON数据格式，后台只要符合这种形式，EXTJS就会给你自动解析出来：

JavaScript Code复制内容到剪贴板

这里还有一个扩展功能，如下：

表头点击箭头就会出现过滤组件，便于筛选数据，每列都有，是不是很丰富啊。

下面看代码：

XML/HTML Code复制内容到剪贴板

 

本文出自思考者日记网，转载请保留此出处！
神马？电脑版看着不方便？点击这里了解手机端浏览本篇文章