fancymf
0.04D

vue 中一个页面内,左边树控件 tree,右边表格 table,求问怎么实现该效果?

  •  
  •   fancymf · Sep 24, 2024 · 1330 views
    This topic created in 602 days ago, the information mentioned may be changed or developed.
    如图



    vue 中,使用 antd 控件, 左边是 tree ,右边是联动 tree 控件显示当前选中树节点的表格,表格数据很多,可能有几千条,表格中多选。

    目的是:当右边表格选中几条数据,不是全部勾选的时候,左边的节点是 半勾选 的状态(不是打了勾的全勾状态)



    但是呢左边的节点又不是可以展开的那种,设置在 halfChecked 数组内的又不可以。
    paopjian
        1
    paopjian  
       Sep 24, 2024
    虽然不懂 antd,但是右边组件设置 click 后,可以 emit 带个 id 到父组件,父组件再传给 tree 组件,tree 组件判断当前 id 在哪个组里判断是应该全勾选 半勾选 空 这个流程?
    fancymf
        2
    fancymf  
    OP
       Sep 24, 2024
    @paopjian #1 额,我主要现在不确定是否 含有子节点的 父节点 才能有半勾选 的状态。。。因为现在是勾选了子节点,父节点就会自动半勾选嘛,我上午写死节点 id 进 半勾选 的 数组中,好像无效。。
    fancymf
        3
    fancymf  
    OP
       Sep 24, 2024
    checkStrictly 为 true 就可以解决随意放全勾选 半勾选的数组内随之显示的问题了。但是又有新的问题了,勾选父节点,子节点不会随着被勾选。。
    paopjian
        4
    paopjian  
       Sep 24, 2024
    @fancymf 父节点勾选,全选子节点是有一个专门的选项吧, 父子选项联动的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3630 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 44ms · UTC 10:24 · PVG 18:24 · LAX 03:24 · JFK 06:24
    ♥ Do have faith in what you're doing.