【Axure高保真原型】树形表格_多选效果

今天和大家分享树形表格_多选效果的原型模板,点击树的箭头可以展开或者收起子节点,点击多选按钮可以选中或取消选择该行以及子级行内容,同时反选父级行内容,父级行内容能根据子级选中的数量自动反选,包括全选、半选和未选三种状态。树形表格是通过中继器制作的,使用简单,只需要按要求填写中继器表格即可,案例中最高6级树形表格,具体效果可以观看下方视频或者打开预览地址体验

【原型预览含下载地址】

https://axhub.im/ax9/ac73b98a296b6a85/#g=1&p=树形表格_多选效果

【原型效果】

【Axure高保真原型】树形表格

展开收起效果——点击箭头可以展开或者收起子级行内容

图片

选中和取消选中效果——点击多选按钮可以选中或者取消选中该行以及子级行内容

图片

自动反选效果效果——父级行内容能根据子级选中的数量自动反选,子级全部选中就为选中状态,子级部分选中为半选状态,子级都没选中为未选状态

图片

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-01-06 13:26:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-06 13:26:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-06 13:26:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-06 13:26:03       18 阅读

热门阅读

  1. sqoop(DataX)-MySQL导入HIVE时间格问题

    2024-01-06 13:26:03       37 阅读
  2. 全志F1C100s Linux 系统编译出错:不能连接 github

    2024-01-06 13:26:03       47 阅读
  3. BAM文件数据结构详解

    2024-01-06 13:26:03       36 阅读
  4. leetcode 93. 复原 IP 地址

    2024-01-06 13:26:03       46 阅读
  5. python中使用socket服务发送接收图像

    2024-01-06 13:26:03       32 阅读
  6. Jtti:为什么建议企业使用存储型服务器?

    2024-01-06 13:26:03       35 阅读
  7. A Tour of Go部分练习

    2024-01-06 13:26:03       39 阅读
  8. 设置模式:适配器模式

    2024-01-06 13:26:03       33 阅读
  9. Linux平台下gcc安装升级

    2024-01-06 13:26:03       44 阅读
  10. Kendo UI for Angular 学习笔记

    2024-01-06 13:26:03       42 阅读