ant design
文章平均质量分 66
1091214370的博客
以前很狂,现在很菜!
展开
-
ant design Tree组件多个叶子节点非全选时也需要提交所有直属父节点解决方案
问题场景:在子级非全选时,同时也要提交所有直属父级节点id 问题分析: 目前选择子级时,直属所有父级均变成半选状态原因如下 onCheck(val, enent) 打印的数据为event,可以看到halCheckedKeys属性,即所有半选状态的节点。 当节点为全选时,halCheckedKey为[]。解决思路:onCheck(val, enent) 内的val表示当前选中的节...原创 2018-03-26 13:13:36 · 5433 阅读 · 3 评论 -
antd可展开单元格实现按需可展开
每次起一个文章名字的时候都很头疼,不知道怎么描述才算得上直截了当,直奔主题。功能的使用场景具体使用场景可以参考下图,当时失败原因下菜品多余一个时,当前行可展开;当仅有一个菜品时,当前行不可展开。解决思路antd table要用到的属性expandedRowRender:额外的展开行属性,类型是个方法或者ReactNoderowClassName:设置行的class名称解决方案...原创 2018-09-18 21:54:01 · 9424 阅读 · 1 评论 -
动态单元格合并---antd的table组件
怎么合并antd提供了河边单元格的功能,支持合并行和列。以合并行为例,将第一行的高度rowSpan设置为2,其下一行高度设置为0,这样就实现了两行单元格合并,多行和列colSpan合并同理,给一个单元格设置值为要合并的行数,其余待合并为0,即可合并。动态合并场景以工作中的实际场景为例,用户通过表格维护所有门店的外卖信息,有的门店只有一个渠道,有的门店有两个渠道,以后不排除多个渠道;表格要以门...原创 2018-09-30 14:45:53 · 14976 阅读 · 29 评论 -
antd可展开单元格实现按需可展开
每次起一个文章名字的时候都很头疼,不知道怎么描述才算得上直截了当,直奔主题。功能的使用场景具体使用场景可以参考下图,当时失败原因下菜品多余一个时,当前行可展开;当仅有一个菜品时,当前行不可展开。解决思路antd table要用到的属性expandedRowRender:额外的展开行属性,类型是个方法或者ReactNoderowClassName:设置行的class名称解决方案...原创 2018-09-30 14:47:36 · 11974 阅读 · 3 评论 -
antd Modal组件打包后关闭动画为旋转的解决方案
官方在2019年1月26日更新摸Modal组件,其中包含了Modal 函数组件新增 transitionName 和 maskTransitionName 属性支持的更新内容,让开发者自己设置动画效果。并没有体现在文档内,但开发者可以使用。issues-16435Modal组件源码内发现static defaultProps = { width: 520, transitio...原创 2019-06-04 16:48:25 · 3292 阅读 · 2 评论