资讯专栏INFORMATION COLUMN

fsLayui联动表格使用(二)

miguel.jiang / 1440人阅读

摘要:复杂联动表格使用点击主表格,加载副表格数据,支持主副表格的增删改查操作。演示地址复杂联动表格配置和基础联通表格类似,在基础上扩展一些增删改查功能,基础联动表格参考复杂的联动表格需要在基础表格上增加配置和按钮操作。

复杂联动表格使用 点击主表格,加载副表格数据,支持主、副表格的 增删改查 操作。  
演示地址:http://fslayui.itcto.cn
复杂联动表格配置
和基础联通表格类似,在基础上扩展一些增删改查功能,基础联动表格参考:http://www.itcto.cn/layui/linkageDatagrid/

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

表格详细配置说明参考:http://www.itcto.cn/layui/fsLayuiPlugin%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC%E4%BD%BF%E7%94%A8/#表格属性配置

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

form查询条件配置

菜单配置


表格配置

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

form查询条件配置

菜单配置

表格配置

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51605.html

相关文章

  • fsLayui联动表格使用()

    摘要:复杂联动表格使用点击主表格,加载副表格数据,支持主副表格的增删改查操作。演示地址复杂联动表格配置和基础联通表格类似,在基础上扩展一些增删改查功能,基础联动表格参考复杂的联动表格需要在基础表格上增加配置和按钮操作。 复杂联动表格使用 点击主表格,加载副表格数据,支持主、副表格的 增删改查 操作。 演示地址:http://fslayui.itcto.cn 复杂联动表格配置 和基础联通...

    kel 评论0 收藏0
  • fsLayui数据表格使用

    摘要:是一个基于的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置实现数据请求,减少前端重复开发的工作。 fsLayui 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。 GitHub下载 码云下载 测试环境地址:http://fslayui.itcto.cn css和js引用 公...

    Joyven 评论0 收藏0
  • fsLayui数据表格使用

    摘要:是一个基于的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置实现数据请求,减少前端重复开发的工作。 fsLayui 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。 GitHub下载 码云下载 测试环境地址:http://fslayui.itcto.cn css和js引用 公...

    charles_paul 评论0 收藏0
  • fsLayui介绍(layui插件)

    摘要:是一个基于的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置实现数据请求,减少前端重复开发的工作。 fsLayui 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。 GitHub下载 码云下载 测试环境地址:http://fslayui.itcto.cn 为什么要使用fsLa...

    Barry_Ng 评论0 收藏0
  • fsLayui快速开始

    摘要:是一个基于的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置实现数据请求,减少前端重复开发的工作。注意这里一定要修改为自己项目的配置。列表页列表页支持通过表单传参查询数据,刷新表格等功能。 fsLayui 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。 GitHub下载 码云...

    anquan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<