创建基本的树形表格

使用教程 » 创建基本的树形表格

TreeGrid组件从DataGrid扩展而来，但是允许行之间的父/子关系。 从DataGrid扩展的许多属性可以在TreeGrid中使用。要使用TreeGrid，用户必须定义 “treeField”属性，该属性指示将哪个字段显示为树节点。

本教程将向您展示如何使用TreeGrid组件设置文件夹浏览器.

构建TreeGrid

<table id="test" title="Folder Browser" class="easyui-treegrid" style="width:400px;height:300px" url="data/treegrid_data.json" rownumbers="true" idField="id" treeField="name"> <thead> <tr> <th field="name" width="160">Name</th> <th field="size" width="60" align="right">Size</th> <th field="date" width="100">Modified Date</th> </tr> </thead> </table>

下载 EasyUI 实例: