免费精品久久,天天躁夜夜踩很很踩2022

樹形表格（ TreeGrid ）用于以網格形式顯示分層數據。樹形表格（ TreeGrid ）基于數據網格（ DataGrid ），并結合樹視圖和可編輯網格。樹形表格（ TreeGrid ）允許用戶創(chuàng)建可定制、可異步展開的行，并能夠以多列形式顯示分層數據。

屬性列表

名稱	數據類型	作用描述	默認值
idField	string	指示哪個字段是標識字段。	null
treeField	string	指示哪個字段是樹節(jié)點字段。	null
selectionMode	string	選擇模式。	single
checkbox	boolean	是否在每行節(jié)點之前顯示復選框。	false
cascadeCheck	boolean	是否進行級聯檢查。	true

事件列表

名稱	參數	作用描述
rowExpand	row	當行被擴充時觸發(fā)。
rowCollapse	row	當行被折疊時觸發(fā)。
rowCheck	row	檢查行時觸發(fā)。
rowUncheck	row	未選中行時觸發(fā)。

方法列表

名稱	參數	返回值	作用描述
getCheckedRows	state=checked	array	獲取已檢查的行。可用的“狀態(tài)”有:“checked”、 “unchecked”、 “indeterminate”。
sortData	none	void	對數據行進行排序。
checkRow	row	void	選中一行。
uncheckRow	row	void	取消選中一行。

注：
- 繼承： GridBase 。

使用方法

<TreeGrid style="height:250px"
          :data="data" idField="id" treeField="name">
<GridColumn field="name" title="Name"></GridColumn>
<GridColumn field="size" title="Size"></GridColumn>
<GridColumn field="date" title="Date"></GridColumn>
</TreeGrid>

參考圖例：

TreeGrid

Vue EasyUI 樹形表格

屬性列表

事件列表

方法列表

使用方法