袁来如此的工作笔记
袁来如此的工作笔记
竹杖芒鞋轻胜马，谁怕？ 一蓑烟雨任平生。

layui treetable 使用post请求，并带请求头token

浏览量:83

   // 1.写一个ajax 将url放在ajax里面 
   // 2.在ajax设置请求头  请求方式
   // 3.在成功回调执行 渲染表格方法 带入一个参数 也就是返回的data
   // 4.渲染表格render方法里面 data:data 带入数据给表格
   $.ajax({
      url: 'https://easy-mock.com/mock/5c131015dada7b27ac3a5c36/titi/ceshi',
      headers: {
        "token": 'dsohaonoagnoangonaog'
      },
      type: 'post',
      dataType: 'json',
      success: function(res) {
        renderTable(res.data);
      }
    })

    // 渲染表格
    var renderTable = function(data) {
      layer.load(2);
      treetable.render({
        data: data,
        treeColIndex: 2, // 树形图标显示在第几列
        treeSpid: -1, // 最上级的父级id
        treeIdName: 'id', // id字段的名称
        treePidName: 'pid', // pid字段的名称
        treeDefaultClose: true, // 是否默认折叠
        treeLinkage: false, // 父级展开时是否自动展开所有子级
        elem: '#table1', // 表格id
        page: false, // 树形表格一般是没有分页的
        cols: [[
            { type: 'radio' },
            { field: 'bumenid', title: '部门ID' },
            { field: 'bumenname', title: '部门名称' },
            { field: 'sex', title: '上级部门' },
            { field: 'sortnum', title: '排序号' }
        ]],
        done: function() {
          layer.closeAll('loading');
        }
      });
    }
打赏

treetable