2. 程式人生 > >jQuery layer彈出層

jQuery layer彈出層

阿新 • • 發佈：2019-01-01
<script type="text/javascript"> function edit(id){ $.ajax({ url:"platform/sysUser/loadEditPerson", async:false, type:"post", data:{"id":id}, success:function(data){ layer.open({ type:1,//型別：Number，預設：00（資訊框，預設）1（頁面層）2（iframe層）3（載入層）4（tips層）
title:"編輯人員", skin: 'layui-layer-rim',// 樣式類名 area: ['400px', 'auto'],//寬高 content:data, btn:['確定','取消'], yes:function(index,layero){//按鈕1的回撥是yes，而從按鈕2開始，則回撥為btn2: function(){} $.ajax({ url:"platform/sysUser/updateSysUser"
, data:$("#editSysForm").serialize(), async:false, type:"post", success:function(data){ var result=eval('('+data+')'); var resultObj=isJSONObject(result)?result:eval('('+result+')'
); if(resultObj.success){ layer.close(index); layer.msg(resultObj.msg,{icon:1}); leftMenuClick(this,'platform/sysUser/loadPersonList','system'); }else{ layer.msg(resultObj.msg,{icon:2}); leftMenuClick(this,'platform/sysUser/loadPersonList','system'); } }, error:function(){ layer.msg("獲取資料失敗，請稍後重試！",{icon:2}); } }); } }); }, error:function(){ layer.msg("獲取資料失敗，請稍後重試！",{icon:2}); } }); } function deleteSys(id){ layer.confirm("刪除此賬戶後，該賬戶將不能再登入此企業的系統進行操作，確定要刪除此賬戶嗎？",{skin:"layui-layer-rim", title:"提醒", area: ["320px","auto"] },function(index){ $.ajax({ url:"platform/sysUser/deleteSysUser", async:false, type:"post", data:{"id":id}, success:function(data){ var result=eval('('+data+')'); var resultObj=isJSONObject(result)?result:eval('('+result+')'); if(resultObj.success){ layer.msg(resultObj.msg,{icon:1}); leftMenuClick(this,'platform/sysUser/loadPersonList','system'); }else{ layer.msg(resultObj.msg,{icon:2}); } }, error:function(){ layer.msg("獲取資料失敗，請稍後重試！",{icon:2}); } }); }.bind(id)); } function insert(){ $.ajax({ url:"platform/sysUser/loadAddSysUser", type:"post", async:false, success:function(data){ layer.open({ type:1, title:"新增賬號", skin: 'layui-layer-rim', area: ['400px', 'auto'], content:data, btn:['確定','取消'], yes:function(index,layerio){ $.ajax({ url:"platform/sysUser/saveAdd", type:"post", data:$("#sysUserForm").serialize(), async:false, success:function(data){ var result=eval('('+data+')'); var resultObj=isJSONObject(result)?result:eval('('+result+')'); if(resultObj.success){ layer.close(index); layer.msg(resultObj.msg,{icon:1}); leftMenuClick(this,'platform/sysUser/loadPersonList','system'); }else{ layer.msg(resultObj.msg,{icon:2}); } }, error:function(){ layer.msg("獲取資料失敗，請稍後重試！",{icon:2}); } }); } }); }, error:function(){ layer.msg("獲取資料失敗，請稍後重試！",{icon:2}); } }); }

相關推薦

jQuery layer彈出層

<script type="text/javascript"> function edit(id){ $.ajax({ url:"platform/sysUser/loadEditPerson", async:false, type:"po

Ajax中用layer彈出層並刷新頁面的方法

ble ajax location index window ont tab delet delete $.post("DeleteHandler.ashx", { "table": "Contents", "ID": vals }, fun

layer彈出層的關閉問題

window 實現 增加用戶 html -s 新的 body var ati 就是在執行添加或修改的時候，需要將數據提交到後臺進行處理，這時候添加成功之後最理想的狀態是關閉彈出層並且刷新列表的數據信息，之前一直想實現這樣，可一直沒有成功，今天決定好好弄一弄，在仔細看過lay

layer彈出層的iframe頁面回調

關閉按鈕 PE 開戶 彈出層 復制代碼 getch 銷毀 bsp child $("#ChoiceBank").click(function () { var width = $("#content").css("Width");

html/css/js-layer彈出層的初次使用

func order 鸚鵡 麻煩 bottom content layer document margin 　　學習前端有時很多時候要用到彈出層，原生的js寫有些麻煩，而且不美觀，基於jQuery的彈出層組件layer應運而生，近些年來備受青睞。官網上有使用教程，但當初用的

layer 彈出層 使用

點選 彈窗 提示 onclick="javascript:tancc();" 示例程式碼 1. <span style="font-weight:bold;margin-left:25px;" onclick="javascript:tancc();">說明<

layer彈出層中表單不起作用的解決方法

var html = '<form class="layui-form" action="">' + '<div class="layui-form-item"><label class="layui-form-label">角色名</label>

layer彈出層點選關閉按鈕重新整理父頁面

有兩種方法： 1.layer彈出層彈出的方法裡面會有一個end（層銷燬後觸發的回撥），無論是確認還是取消，只要層被銷燬了，end都會執行，不攜帶任何引數。 layer.open({            title:"品類合作模式新增"

最新Layer彈出層例項【開箱即用】

最新Layer彈出層例項 程式碼如下，會有意外收穫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title<

Layer彈出層關閉後重新整理父頁面

Layer彈出層關閉後重新整理父頁面 //編輯 $("#edit").on("click", function(){ var id = getIdSelections(); //debugger; var addUrl = 'editCustomer.html?id='+ id la

在layui layer 彈出層中載入 layui table

1 layer.open({ 2 type: 1, 3 area:['80%','60%'], 4 content: '<div><table id="testTable"></table></div>', 5 s

layer彈出層關閉後重新載入父介面

方案一： 在layer彈出層中呼叫父介面重新載入函式 ? 1 2 3 window.parent.location.reload(); var index = parent.layer.getFrameIndex(window.name); par

layer彈出層在移動端中的使用教程

注意：普通html中，直接引用css和js之後，然後在js程式碼塊插入對應的程式碼。 我是在vue移動專案下測試的，效果如下： 使用目錄 開啟官網，下載對應的壓縮包。http://layer.layui.com/ 下載好的壓縮包，解壓出來，放在stat

layer彈出層的內容頁點選按鈕跳轉到新的頁面問題

在參與的一個專案中，有一個這樣的需求，匯入基礎資料成功後，預設彈出一個管理員登入頁，點選登入按鈕，需要跳到管理頁面。 匯入頁按鈕： <button type="button" id="start" class="layui-btn layui-b

layer彈出層自適應高度，垂直水平居中

1、高度自適應：success: function(layero, index) {        layer.iframeAuto(index);    },2、layer垂直居中進入layer.js，增加幾行程式碼。具體如圖：

layui.layer 彈出層使用

layer 在 layui 體系中的位置比較特殊，甚至讓很多人都誤以為 layui = layer ui，所以再次強調 layer 只是作為 layui 的一個彈層模組1,獲取laery,你需要去官網下載laery.js   地址--http://layer.layui.co

layer彈出層msg的文字不顯示問題

今天在做專案的時候，做了一個彈出層，需要提示，就寫了一個 layer.msg('雅蠛蝶 O.o', { icon: 6 ,btn: ['嗷','嗷','嗷'

layer彈出層框架alert與msg詳解

layer至今仍作為layui的代表作，她的受眾廣泛並非偶然，而是這五年多的堅持，不斷完善和維護、不斷建設和提升社群服務，使得猿們紛紛自發傳播，乃至於成為今天的Layui最強勁的源動力。目前，layer已成為國內最多人使用的web彈層元件，GitHub自然Stars3000+

layui內建模組（layer彈出層）

        前面我們已經對layui前端框架的頁面元素進行了簡單的學習，但是作為一個可用的程式，僅僅是長的好看，並沒有那個什麼用；在好看的同時還需要實用和酷炫，實用就需要實現我們方便的和後端進行

layer彈出層擴充套件自定義樣式

layer是一款近年來備受青睞的web彈層元件，她具備全方位的解決方案，致力於服務各水平段的開發人員，您的頁面會輕鬆地擁有豐富友好的操作體驗。 官網 http://layer.layui.com/ layer 擴充套件面板:  http://layer.la