jQuery EasyUI使用教程之建立基本的树网格

树形网格组件从数据网格中继承，可是容许在行之间存在父/子节点关系。许多属性继承至数据网格，能够用在树形网格中。为了使用树形网格，用户必须定义 'treeField' 属性，指明哪一个字段做为树节点。

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

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

点击查看示例

建立树形网格

1 2 3 4 5 6 7 8 9

<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

有兴趣的朋友能够点击查看更多有关jQuery EasyUI的教程>>