AJax技术

ExtJS4.2学习(15)树形表格

字号+ 作者:H5之家 来源:H5之家 2017-05-21 13:02 我要评论( )

ExtJS4.2学习(15)树形表格

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

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

QQ截图20131127202055.jpg

先引入扩展组件,老规矩:

JavaScript Code复制内容到剪贴板

接下来创建TreeGrid

JavaScript Code复制内容到剪贴板

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

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

JavaScript Code复制内容到剪贴板

这里还有一个扩展功能,如下:

QQ截图20131127202055.jpg

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

下面看代码:

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

 


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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 前端学习计划

    前端学习计划

    2017-05-17 11:00

  • 从零开始学习jQuery (六) AJAX快餐(6)

    从零开始学习jQuery (六) AJAX快餐(6)

    2017-05-17 08:04

  • 值得分享和收藏的xmlplus组件学习教程

    值得分享和收藏的xmlplus组件学习教程

    2017-05-14 13:00

  • C#学习之路

    C#学习之路

    2017-05-13 08:00

网友点评
m