1.需求：使用layer在彈窗內(nèi)完成新增，成功后提示并刷新頁面（父頁面，list頁面）
創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、山南網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、商城開發(fā)、集團公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為山南等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
2.實現(xiàn)
a* 頁面效果圖
b*頁面代碼
--構(gòu)建from表單
c*js代碼
-創(chuàng)建layer彈窗
重慶分公司
重慶分公司
function onAddBtn(){
//頁面層-自定義
layer.open({
type: 1,
title:"新建配置",
closeBtn: false,
shift: 2,
area: ['400px', '300px'],
shadeClose: true,
// btn: ['新增', '取消'],
// btnAlign: 'c',
content: $("#add-main"),
success: function(layero, index){},
yes:function(){
}
});
}-核心提交方法
d*后臺代碼
-
/**
* 新增配置
* @return
*/
@RequestMapping("/add1")
@ResponseBody
public ResultEntity addItem(ZkGolbal golbal) {
ResultEntity res = new ResultEntity();
try {
golbal.setStatus("1");
res.setData(golbalService.addItem(golbal));
res.setSuccess("success");
res.setMessage("新增成功");
} catch (Exception e) {
res.setMessage("操作失敗");
e.printStackTrace();
}
return res;
}總結(jié)
以上所述是小編給大家介紹的使用layer彈窗和layui表單做新增功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！
