tdesign-vue-next
tdesign-vue-next copied to clipboard
[table] 可编辑表格可否增加一个参数`edit.editable`
这个功能解决了什么问题
可编辑表格,当前编辑的cell需要根据当前行的其他某些值来动态判断是否可编辑,edit.props只能控制控件的props,让类似input等组件readonly,无法根本上让其变为不可编辑或文本状态
你建议的方案是什么
可否提供一个edit.editable属性(editable?: booelan | (params: BaseTableCellParams<T>) => boolean),用以动态判断当前cell是否可编辑
👋 @wandoupeas,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
♥️ 有劳 @realyuyanan @Louiszhai @pengYYYYY @chaishi 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @wandoupeas 。
可以,我看下
不需要每一列设置. edit.editable,直接使用下方属性全局设置即可。
editableCellState表格全局属性,用于控制单元格是否允许编辑。返回值为true则表示可编辑;返回值为false则表示不可编辑,只读状态
是新的api吗
0.20.2 已修复
不需要每一列设置.
edit.editable,直接使用下方属性全局设置即可。
editableCellState表格全局属性,用于控制单元格是否允许编辑。返回值为true则表示可编辑;返回值为false则表示不可编辑,只读状态
我有看到新的api(editableCellState)的用法,但是好像跟我描述的有点偏差。
本来我想达到的效果是在columns.edit属性内添加一个控制本列数据是否可编辑的属性,这个属性接受一个响应式的boolean对象或者是一个返回boolean类型的function,function的入参即为PrimaryTableCellParams<T>。
现在是在table的props内添加了一个类似的属性editableCellState,这样目前遇到两个问题:
可编辑行的表格情况下,editableCellState的表现与可编辑单元格的表格的表现相反,返回false现在表现为可以编辑,true不可编辑,这应该是个bug吧。
- 当我需要根据行数据控制多列属性的编辑状态时,这样个api就显得不是那么方便了,我需要判断当前列的列名是什么,当row中的某个值为什么的时候,来动态返回编辑状态,例如如下代码,这样我觉得不是很方便,所以我还是建议可以在
columns.edit中添加一个editable属性,这样编码时也可以在columns中更清晰的看到当前列的可编辑状态
