用的是element的table控制元件,table里面展示多級樹.
示例:
<el-table
:data="https://bbs.csdn.net/topics/tableData1"
style="width: 100%"
row-key="id"
border
lazy
:load="load"
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table>
lazy屬性,定義資料為懶加載模式.點擊未加載的節點,觸發load.請求后臺資料.加載這個樹節點的下層資料.
需求:有多級樹,需要個1鍵展開功能,直接展開當前層所有未展開的節點.
難點:系統自帶的
load(tree, treeNode, resolve) {
setTimeout(() => {
resolve([
{
id: 31,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀區金沙江路 1519 弄'
}, {
id: 32,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀區金沙江路 1519 弄'
}
])
}, 1000)
}
有樹和節點.但是如果1鍵展開,系統回傳的多個資料怎么掛載到相應的樹節點下面.
uj5u.com熱心網友回復：
點擊1鍵按鈕，先展開根節點，待根節點資料加載完成，再控制二級子節點按鈕自動點擊，點擊的時候將其父節點資料作為引數傳入，然后將回傳的資料掛載到已經傳入的引數的子節點屬性上。依次類推。uj5u.com熱心網友回復：
如何自動點擊有子節點的節點?
uj5u.com熱心網友回復：
自頂................................轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/20238.html
標籤：JavaScript