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的教程>>