Skip to end of metadata
Go to start of metadata

简介

树状表格控件

 

使用简介

首先设置TreeGrid的nodes属性:

上面的格式中不难看出声明一个Node节点的JSON结构为:

其中label为节点的标题,data代表节点对应的数据,如果这个节点还有子节点,则通过nodes属性递归定义:

通过上面的方式,我们定义好了一个JSON数组,并将它设置为TreeGrid的nodes属性。

接下来再定义TreeGrid的其它属性。我们给TreeGrid中添加三个DataColumn(TreeGrid具有Grid的特性,因此可以添加DataColumn):

并分别设置这三个DataColumn的property属性为prop1,prop2,prop3,最后设置一个treeColumn属性,告诉TreeGrid的树节点出现在那个列中,我们设置为prop1,最终的XML定义如下:

这样这个范例最终的显示效果为:

详细属性说明

该控件兼具Tree与Grid的所有特性,因此其基本属性请参考:

treeColumn

该属性决定了树节点所在的列,如使用简介中的范例,如果将treeColumn调整为prop2,则最终效果为:

应该注意到这个时候树节点就位于prop2列上。

Labels
  • No labels