<script src="/layuiadmin/layui/layui.js"></script> <script> layui.config({ base: '/layuiadmin/' //靜態資源所在路徑 }).extend({ index: 'lib/index' //主入口模塊 }).use(['index', 'table'], function(){ var $ = layui.$ ,form = layui.form ,table = layui.table; table.render({ elem: "#table_manage", url: "/sysUser/list", page: true, autoSort:false, initSort:{ field: 'createDate' ,type: 'desc' },done:function(res,curr,count){ // 隱藏列 $(".layui-table-box").find("[data-field='id']").css("display","none"); }, cols: [ [ {field: "id",title: "編號",sort: !0}, {field: "name",title: "登陸名",sort: !0}, {field: "ruleName",title: "真實姓名",sort: !0}, {field: "nickName",title: "昵稱",sort: !0}, {field: "dept",title: "部門",sort: !0}, {field: "isCanDelete",title: "是否可刪除",sort: !0}, {title: "操作",width: 150,align: "center",fixed: "right",toolbar: "#table_operate_html"} ]], text: "對不起,加載出現異常!" }) table.on("sort(table_manage)", function(obj){ //注:tool是工具條事件名,test是table原始容器的屬性 lay-filter="對應的值" //盡管我們的 table 自帶排序功能,但並沒有請求服務端。 //有些時候,你可能需要根據當前排序的字段,重新向服務端發送請求,從而實現服務端排序,如: console.log(obj); table.reload("table_manage", { initSort: obj //記錄初始排序,如果不設的話,將無法標記表頭的排序狀態。 layui 2.1.1 新增參數 ,where: { //請求參數(注意:這里面的參數可任意定義,並非下面固定的格式) field: obj.field //排序字段 ,order: obj.type //排序方式 } }); }); table.on("tool(table_manage)", function(e) { e.data; if ("del" === e.event){ layer.confirm("確定刪除此用戶?", function(t) { $.ajax({ type: "post", url: "/sysUser/delete?id="+e.data.id, success: function (result) { console.log(result); table.reload('table_manage'); //數據刷新 layer.close(t); //關閉彈層 } }); }); } else if ("edit" === e.event) { console.log($(e.tr)); layer.open({ type: 2, title: "編輯用戶", content: "/sysUser/prepareUpdate?id="+e.data.id, area: ["420px", "420px"], btn: ["確定", "取消"], yes: function(e, t) { var l = window["layui-layer-iframe" + e], r = "manager_submit", n = t.find("iframe").contents().find("#" + r); l.layui.form.on("submit(" + r + ")", function(t) { t.field; console.log(t.field); $.ajax({ type: "post", url: "/sysUser/update", data:t.field, success: function (result) { console.log(result); table.reload('table_manage'); //數據刷新 layer.close(e); //關閉彈層 } }); }), n.trigger("click") }, success: function(e, t) {} }) } }) //監聽搜索 form.on('submit(manager_search)', function(data){ var field = data.field; //執行重載 table.reload('table_manage', { where: field }); }); //事件 var active = { batchdel: function(){ var checkStatus = table.checkStatus('table_manage') ,checkData = checkStatus.data; //得到選中的數據 if(checkData.length === 0){ return layer.msg('請選擇數據'); } layer.prompt({ formType: 1 ,title: '敏感操作,請驗證口令' }, function(value, index){ layer.close(index); layer.confirm('確定刪除嗎?', function(index) { //執行 Ajax 后重載 /* admin.req({ url: 'xxx' //,…… }); */ table.reload('table_manage'); layer.msg('已刪除'); }); }); } ,add: function(){ layer.open({ type: 2 ,title: '添加用戶' ,content: '/sysUser/prepareInsert' ,area: ['420px', '420px'] ,btn: ['確定', '取消'] ,yes: function(index, layero){ var iframeWindow = window['layui-layer-iframe'+ index] ,submitID = 'manager_submit' ,submit = layero.find('iframe').contents().find('#'+ submitID); //監聽提交 iframeWindow.layui.form.on('submit('+ submitID +')', function(data){ var field = data.field; //獲取提交的字段 console.log(field); //提交 Ajax 成功后,靜態更新表格中的數據 $.ajax({ type: "post", url: "/sysUser/insert", data:field, success: function (result) { console.log(result); table.reload('table_manage'); //數據刷新 layer.close(index); //關閉彈層 } }); }); submit.trigger('click'); } }); } } $('.layui-btn.layuiadmin-btn-admin').on('click', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); }); </script>