Skip to content

详情查看

表格组件内置了新增、删除、修改等常用操作按钮,这些常用按钮常常不能满足业务场景,需要增加自定义的按钮操作。下面我们以表格行内的查看表格行详情操作为示例,演示自定义按钮的使用方式。

配置方式

  • 创建一个用于弹窗显隐控制的变量visible。

  • 创建一个弹窗,并将弹窗的默认状态绑定变量visible。

  • 在表格行操作配置面板中添加一个自定义类型按钮,并在按钮的点击事件配置中执行打开弹窗。

  • 创建一个record变量,用于绑定表格当前操作行数据。将表格的行操作面板当前操作行属性绑定变量record。这样,在点击行内按钮时,record变量会被赋值为当前点击按钮所在行数据对象。

  • 弹窗中拖入一个描述列表组件,并将描述列表中每一项内容绑定到record变量的对应属性。

  • 在预览弹窗中,点击查看按钮,可以看到详情数据被展示了出来。

在表格组件中,除了可对当前操作行进行变量绑定之外,还可以对已选中的行进行变量绑定,例如在人员列表中,需要对多个勾选的人员进行激活操作的场景。