• 树形控件使用场景记录


    场景一:
    【含选择框,支持多选,全为选中,半为半选,缺为非父下全部】
    当选择子项则对应子项标记选中效果,选择父项,则同时标记父项及该父项下的所有子孙项。
    当父项中的子项并未全部选中时,则当前父项为半选状态。
    当父项中的子项全部取消选中时,则当前父项为取消状态。
    即父全子全,父半子缺,无父无子,无子无父。
    
    场景二:
    【含选择框,支持多选】
    当父项选中,则其下子孙项全部标记选中状态。
    当父项取消,其下子孙项保留当前状态,不做取消动作。
    当子孙项全部取消或选中,其父项保留当前状态,不做改变。
    当某一父项选中,其下子孙项部分选中时,保留父项选中状态。
    即父全子全,无父有子,有父无子,父全子缺。
    
    场景三:
    【含选择框,支持多选】
    当父项选中,则其下子孙项全部标记选中状态。
    当父项取消,则其下子孙项全部标记取消状态。
    当父项选中,其下子孙可全部取消,父项保留当前状态。
    即父全子全,无父无子,有父无子。
    
    场景四:
    【无选择框,单选】
    仅标记当前选中项,其他不做任何操作。
    
    场景五:
    【仅做展示,展开收起】
    仅点击图标支持展开收起效果。
    点击节点支持展开收起效果。
    
    场景六:
    【展示节点含指定操作】
    即每个节点都含有对该节点数据进行操作的项目。如对节点进行编辑,删除等操作。
    
  • 相关阅读:
    webpack source map
    webpack 多页面应用打包
    webpack 资源内联
    webpack 移动端 CSSpx 自动转换成 rem
    webpack postcss插件
    css实现banner背景图上文字效果+
    css实现标题下划线效果
    Day 88 Django_DRF 序列化
    Day 87 VUE——xmall_front 案例
    Day 86 VUE——Vuex
  • 原文地址:https://www.cnblogs.com/min77/p/16353039.html
Copyright © 2020-2023  润新知