jQuery EasyUI使用教程：创建基本的树 格

树形 格组件从数据 格中继承，但是允许在行之间存在父/子节点关系。本教程将向您展示如何使用树形 格组件设置一个文件夹进行浏览。

Kendo UI for jQuery——创建现代Web应用程序的最完整UI库！查看详情>>>

树形 格组件从数据 格中继承，但是允许在行之间存在父/子节点关系。许多属性继承至数据 格，可以用在树形 格中。为了使用树形 格，用户必须定义 ‘treeField’ 属性，指明哪个字段作为树节点。

本教程将向您展示如何使用树形 格组件设置一个文件夹进行浏览。

jQuery EasyUI最新试用版下载请猛戳>>

创建树形 格

<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示例：easyui-treegrid-demo.zip

购买正版授权的朋友可以点击”咨询在线客服”哦~~~