jQuery EasyUI 樹形菜單 – 創(chuàng)建基礎(chǔ)樹形網(wǎng)格

jQuery EasyUI 樹形菜單 - 創(chuàng)建基礎(chǔ)樹形網(wǎng)格

jQuery EasyUI樹形網(wǎng)格（TreeGrid）組件從數(shù)據(jù)網(wǎng)格（DataGrid）繼承，允許在行之間存在父/子節(jié)點(diǎn)關(guān)系。樹形網(wǎng)格中的許多屬性從數(shù)據(jù)網(wǎng)格繼承，可以用在樹形網(wǎng)格中。為了使用樹形網(wǎng)格，用戶必須定義'treeField'屬性，指明哪個(gè)字段作為樹節(jié)點(diǎn)。

下述的示例將向您展示如何使用樹形網(wǎng)格組件設(shè)置一個(gè)文件夾瀏覽。

創(chuàng)建樹形網(wǎng)格（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>

下載 jQuery EasyUI 實(shí)例

jeasyui-tree-treegrid1.zip