fsLayuiPlugin树+数据表格使用

sixgo 发布于2019-08-01 18:15 / 906人阅读

摘要：是一个基于的快速开发插件，支持数据表格增删改查操作，提供通用的组件，通过配置实现数据请求，减少前端重复开发的工作。特殊说明和需要在数据表格基础上多引入的文件。

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

需求：
左边展示树，右边展示数据；点击左边的树，查询右边的表格数据。

特殊说明

css和js需要在数据表格基础上多引入ztree的文件。

树功能实现

展示树列表

class 必须有fsTree样式

属性	必输	名称	描述
id	是	树id	唯一id
class	是	样式	必须有 fsTree 样式
url	是	请求地址	ajax异步加载数据地址
tableId	是	数据表格id	点击左边树，需要刷新的表格id
inputs	是	参数	点击树，异步加载表格，需要携带的参数

树菜单操作

树的菜单操作和 数据表格菜单操作类似，只是需要在 class 里面多增加一个样式 fsTree ，其他的都一致， 数据表格配置参考：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

数据表格配置

树+数据表格 和 普通数据表格 没有任何区别，配置信息可以参考普通表格配置：http://www.itcto.cn/layui/fsLayuiPlugin数据表格使用/

表格demo

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

GPU云服务器云服务器树表格表格生成json树 fsLayuiPlugin 树结构数据存储

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

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

fsLayuiPlugin树+数据表格使用

摘要：是一个基于的快速开发插件，支持数据表格增删改查操作，提供通用的组件，通过配置实现数据请求，减少前端重复开发的工作。特殊说明和需要在数据表格基础上多引入的文件。 fsLayuiPlugin 是一个基于layui的快速开发插件，支持数据表格增删改查操作，提供通用的组件，通过配置html实现数据请求，减少前端js重复开发的工作。 GitHub下载码云下载测试环境地址：http://...

gnehc 2019-08-21 18:19 评论0 收藏0
fsLayui快速开始

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

anquan 2019-08-02 15:59 评论0 收藏0
fsLayui快速开始

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

lordharrd 2019-08-22 11:15 评论0 收藏0
fsLayuiPlugin联动表格使用(一)

摘要：这里必须配置为，不然会导致异步数据渲染冲突，首次加载页面显示存在问题参数名称必输验证类型值默认值最小长度最大长度是否本文首发于我的博客技术博客简单联动表格使用点击主表格，加载副表格数据，演示地址：http://fslayuiplugin.fallsea.com/views/linkageDatagrid/index.html 联动表格配置联动表格配置和基础表格配置一致，只...

李昌杰 2019-08-01 18:15 评论0 收藏0
fsLayuiPlugin联动表格使用(一)

摘要：这里必须配置为，不然会导致异步数据渲染冲突，首次加载页面显示存在问题参数名称必输验证类型值默认值最小长度最大长度是否本文首发于我的博客技术博客简单联动表格使用点击主表格，加载副表格数据，演示地址：http://fslayuiplugin.fallsea.com/views/linkageDatagrid/index.html 联动表格配置联动表格配置和基础表格配置一致，只...

ckllj 2019-08-21 18:18 评论0 收藏0