Choerodon Ul模态框、table、dataSet的使用

49 阅读1分钟

在公司接触汉得平台搭建的Choerodon Ul

需求

点击一个字段然后查询该编码的记录。

image.png

image.png 用rednderer可以让表格的一列变得很特别,这个renderer函数返回的是一个reactNode。可以返回自定义的dom元素,然后在dom元素上添加点击事件然后实现效果。

尝试

一开始我是引入了request ajax直接请求接口,然后将数据逐层向下传递。但是点击弹窗后的模态框中也是一个表格,上面有分页功能,如果点击下一页或者选择页面的页数,因为数据是传递下来的,无法再次请求。这个时候,依靠Choerodon Ul的dataSet,需要创建多一个DS文件,来管理点击后请求的数据。

image.png

image.png 组件中使用这个新建的DS,需要new一个DataSet

image.png

这里的autoQuery就是进入之后自动请求参数。 然后Tabel就能直接使用啦.

image.png 还有模态框的使用,在utils中写了个open方法,export出去可以直接调用。

image.png

children就是模态框中的内容。