layui某個字段不讓頁面顯示顯示


<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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM