layui分成两列相同的表格_fsLayui联动表格使用(二)

复杂联动表格使用 点击主表格，加载副表格数据，支持主、副表格的 增删改查 操作。

演示地址：http://fslayui.itcto.cn

复杂联动表格配置

复杂的联动表格需要在基础表格上增加 defaultForm 配置和按钮操作。

联动表格demo

主表格demo

主表格需要在基础表格上新增默认form表单id配置 defaultForm

form查询条件配置

功能号：

名称：

类型：

--请选择--

功能号实现类

service实现类

mapper实现类

查询

菜单配置

新增

ဂ刷新

表格配置

{{# if(d.funcType == 'c'){ }}

功能号实现类

{{# } else if(d.funcType == 's'){ }}

service实现类

{{# } else if(d.funcType == 'm'){ }}

mapper实现类

{{# } }}

{{# if(d.state == 0){ }}

关闭

{{# } else if(d.state == 1){ }}

启用

{{# } else if(d.state == 2){ }}

作废

{{# } }}

编辑

副表格demo

副表格需要特别注意button按钮中的 tableId 配置，通过配置按钮的 tableId 控制需要刷新的table。

form查询条件配置

参数：

名称：

查询

菜单配置

新增

ဂ刷新

表格配置

{{# if(d.notEmpty == '1'){ }}

是

{{# } else{ }}

否

{{# } }}

编辑

删除

本文首发于我的博客：ITCTO技术博客