element的tree table 使用问题

发布于 2022-09-11 18:57:24 字数 1403 浏览 17 评论 0

具体需求,通过api接口拉层级数据回来 渲染到element 的table里面,结构如下

"data": [

    {
      "user_id": "1001",
      "user_name": "dy111",
      "created": "2019-03-28 18:02:52"
    },
    {
      "user_id": "1002",
      "user_name": "dy222",
      "created": "2019-03-28 17:58:56"
    },
    {
      "user_id": "1003",
      "user_name": "dy333",
      "created": "2019-03-28 17:56:33"
    },
    {
      "user_id": "1004",
      "user_name": "dy444",
      "created": "2019-03-28 17:53:46"
    },
    {
      "user_id": "1005",
      "user_name": "dy555",
      "created": "2019-03-27 12:52:16"
    }
  ],
  

渲染到table 里面, 如果点击 table的 一行 再通过 这个api 接口 传参 user_id 查找 这个 user_id 下面的 层级用户 ( 这里查询层级的 api 接口和 上面获取到数据的api 接口一样 )

element 官网 tree table 里面 给出的 数据是静态的json ,里面结构 如下:

tableData1: [{

      id: 1,
      date: '2016-05-02',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1518 弄'
    }, {
      id: 2,
      date: '2016-05-04',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1517 弄'
    }, {
      id: 3,
      date: '2016-05-01',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1519 弄',
      hasChildren: true
    }, {
      id: 4,
      date: '2016-05-03',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1516 弄'
    }]

有下级的 用了 haschildren: true 来标识。

请求各位 像我这种情况的,应该如何来组装这个数据呢 ?

有用过 tree table 的朋友 请指点一下, 有偿指点都行,在线等

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

回梦 2022-09-18 18:57:24

可以提前把data的所有子项都加上hasChildren,全部通过load来异步获取

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文