jQuery EasyUI使用教程：創(chuàng)建基本的樹(shù)網(wǎng)格

---

Kendo UI for jQuery——?jiǎng)?chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫(kù)！查看詳情>>>

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

本教程將向您展示如何使用樹(shù)形網(wǎng)格組件設(shè)置一個(gè)文件夾進(jìn)行瀏覽。

創(chuàng)建樹(shù)形網(wǎng)格

<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

購(gòu)買(mǎi)正版授權(quán)的朋友可以點(diǎn)擊"咨詢?cè)诰€客服"哦~~~