layui在table的render

zhgc

    elem：  这里是我们前端定好的table的id，直接写上就行
    method：请求方式
    url：   接口的地址
    cols ： 多少列
    type：  有多种选择，type：number ，也可以，具体可以看官网，
            checkbox 是多选框，layui 也是有方法可以监听的，
            table.on('checkbox(newCompanyTable)', function (obj) { console.log(obj)}) 可以打印出来就知道效果
    field： 是根据接口的data的数据来的，field 等于data的属性名就可以取到对应的属性值了，
    title： 就是表格的标题了
    align： 对齐方式
    toolbar：是可以在HTML里面写模板，用script包裹的一个代码片段


table.render({
        elem: '#testTable' //我们需要渲染table
        , method: "POST"
        , url: '/Admin/NewCompany/theListData' //模拟接口
        , cols: [[
            { type: 'checkbox', width: 30, align: 'center' },
            { field: 'co_id', width: 60, title: '机构ID', align: 'center'} ,
            { title: '操作', width: 80, align: 'center', toolbar: '#table-system-order' }
        ]]
        , page: true
        , limit: 10
        , limits: [10, 15, 20, 25, 30]
        , done: function (curr, limit) {
            //console.log(this.page.curr, this.page.limit);
        }, text: {
            none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
        }
    });

zhgc

table的数据结构

1. {
   
2.     "code": 0
   
3.     ,"msg": ""
   
4.     ,"count": "100"
   
5.     ,"data": [{
   
6.     "orderid": 111
   
7.     ,"title": "移动"
   
8.     ,"attr": "公告"
   
9.     ,"progress": "25%"
   
10.     ,"submit": "贤心"}]
    
11. }

复制代码

zhgc

            page: true,
                        where:{
                                FT:'{$iftype}',
                                KP:'{$kp}',
                        },




        function action_query($param){
                global $site_path;
                $kp="";
                if(array_key_exists("KP",$param)){
                        $kp=$param["KP"];
                }
                $iftype=1;
                if(array_key_exists("FT",$param)){
                        $iftype=$param["FT"]*1;

                }

syant

         url: '../J.php/machinepad/wipinfo/query?searchParams='+encodeURI(JSON.stringify({ "AUFNR":"{$AUFNR}" })),

syant

url: '../J.php/machinepad/wipinfo/query',
                lineStyle: 'height: auto;', // 定义表格的多行样式