本文主要是介绍使用antdpro的EdittableProTable中使用form.setFiledsValue踩坑,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
需求:使用antdpro的editprotable编辑两个下拉框,且下拉框是一个搜索下拉框。下拉框1和2的值是一个编码和名字的联动关系,1变化会带动2,2变化会带动1的一个联动作用。
这里主要是记录使用form.setFiledsValue()时的用法
网上能搜到的写法
name是表单中Form.item的name值
form.setFieldsValue({name: value})
但是对于表格中的表单,外层就会包裹多了一层
当表格中编辑时,此时使用form.getFiledsValue()返回的值不是一个单一的对象,所以使用普通的设置不行
form.getFiledsValue()
返回示例(3是table的key值)3:{name: 'xx'
}
所以在table中使用form.setFiledsValue时,应该这样:
editableKeys可以在官网的edtitableProTable看到,大概就是保存了点击编辑时的key指,返回的是一个数组
tableForm.setFieldsValue({[editableKeys[0] as number] : {'orgId': response.data[0].value}
})
这篇关于使用antdpro的EdittableProTable中使用form.setFiledsValue踩坑的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!