fsLayuiPlugin单页面操作

NikoManiac 发布于2019-08-22 13:48 / 3302人阅读

摘要：概述单页面处理新增修改查看详情共用同一个弹出的页面。在线数据表格使用提供种处理方式主要区别区弹出窗口的配置，根据实际情况选择使用那种方式。需要在按钮中增加标签，描述弹出的模型新增窗口，编辑窗口，只读窗口。通过样式判断隐藏和显示。

概述

单页面处理新增、修改、查看详情 共用同一个弹出的页面。在线demo数据表格2

使用

提供2种处理方式（主要区别区弹出窗口的html配置），根据实际情况选择使用那种方式。

新增、修改功能共用一个按钮，使用同一个servlet接口提交数据，通过路由判断新增或修改；

定义各自的新增或修改按钮，和普通模式一样，各自提交自己的servlet接口。

需要在按钮中增加topMode标签，描述弹出的模型（add：新增窗口，edit：编辑窗口，readonly：只读窗口）。

新增窗口demo

编辑窗口demo

编辑

查看详情demo（只读窗口）

查看

方式一

新增、修改功能共用一个按钮，使用同一个servlet接口提交数据，通过路由判断新增或修改；

此方式提交参数中会自带一个系统参数_mode，servlet接口通过获取此参数判断新增或修改。
add:新增
edit:修改

方式二

定义各自的新增或修改按钮，和普通模式一样，各自提交自己的servlet接口。

特别说明：
新增和编辑按钮必须设置特定的class样式。通过样式判断隐藏和显示。
新增按钮需要配置fsAdd
编辑按钮需要配置fsEdit

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

idc机房托管专线服务单页面单页面应用工单管理页面 aspx单页面

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

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

fsLayuiPlugin单页面操作

摘要：概述单页面处理新增修改查看详情共用同一个弹出的页面。在线数据表格使用提供种处理方式主要区别区弹出窗口的配置，根据实际情况选择使用那种方式。需要在按钮中增加标签，描述弹出的模型新增窗口，编辑窗口，只读窗口。通过样式判断隐藏和显示。概述单页面处理新增、修改、查看详情共用同一个弹出的页面。在线demo数据表格2 使用提供2种处理方式（主要区别区弹出窗口的html配置），根据实际情...

ygyooo 2019-08-01 18:23 评论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