概述
單頁面處理新增邪锌、修改芒炼、查看詳情共用同一個(gè)彈出的頁面批狐。在線demo數(shù)據(jù)表格2
使用
提供2種處理方式（主要區(qū)別區(qū)彈出窗口的html配置），根據(jù)實(shí)際情況選擇使用那種方式鸳谜。
- 新增膝藕、修改功能共用一個(gè)按鈕，使用同一個(gè)servlet接口提交數(shù)據(jù)咐扭，通過路由判斷新增或修改芭挽；
- 定義各自的新增或修改按鈕，和普通模式一樣草描，各自提交自己的servlet接口览绿。
需要在按鈕中增加topMode標(biāo)簽策严，描述彈出的模型（new：新增窗口穗慕，edit：編輯窗口，readonly：只讀窗口）妻导。
- 新增窗口demo
<button class="layui-btn" function="top" topUrl="one.html" topMode="new" topWidth="800px" topHeight="600px" topTitle="新增demo">
<i class="layui-icon"></i>新增
</button>
- 編輯窗口demo
<a class="layui-btn layui-btn-xs" lay-event="top" topUrl="one.html" topMode="edit" topWidth="800px" topHeight="600px" topTitle="編輯demo" inputs="id:">編輯</a>
- 查看詳情demo（只讀窗口）
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="top" topUrl="one.html" topMode="readonly" topWidth="800px" topHeight="600px" topTitle="查看demo" inputs="id:">查看</a>
方式一
新增逛绵、修改功能共用一個(gè)按鈕，使用同一個(gè)servlet接口提交數(shù)據(jù)倔韭，通過路由判斷新增或修改术浪；
此方式提交參數(shù)中會(huì)自帶一個(gè)系統(tǒng)參數(shù)_mode，servlet接口通過獲取此參數(shù)判斷新增或修改寿酌。
new:新增
edit:修改
<button class="layui-btn" lay-submit="" lay-filter="save" url="/fsbus/1006">保存</button>
方式二
定義各自的新增或修改按鈕胰苏，和普通模式一樣，各自提交自己的servlet接口醇疼。
特別說明：
新增和編輯按鈕必須設(shè)置特定的class樣式硕并。通過樣式判斷隱藏和顯示。
新增按鈕需要配置fsNew
編輯按鈕需要配置fsEdit
<button class="layui-btn fsNew" lay-submit="" lay-filter="save" url="/fsbus/1001">新增</button>
<button class="layui-btn fsEdit" lay-submit="" lay-filter="edit" url="/fsbus/1004">編輯</button>
本文首發(fā)于我的博客：ITCTO技術(shù)博客
