layuiTable根據返回的JSON內容改變指定行的顏色


     // 渲染表格
        var insTb = table.render({
            elem: '#tableArticles',
            //url: '../../json/loginRecord.json',
            url: '{:url('hospital/index')}',
            limit: 10,
            page: true,
            cellMinWidth: 100,
            title: '預約列表',
            cols: [[
                {field:'name',title: '姓名',width:80,align: 'center'},
                {field:'sex',title: '性別',width:60,align: 'center'},
                {field:'old', title: '年齡',width:60,align: 'center'},
                {field:'tel', title: '電話',width:120,align: 'center'},
                {field:'address', title: '地址',width:100,align: 'center'},
                {field:'m_type', title: '病患類型',align: 'center'},
                {field:'doctor_num', title: '專家號',width:80,align: 'center'},
                {field:'doctor', sort: true,title: '專家'},
                {field:'con',title: '咨詢內容'},
                {
                    field: 'status', align: 'center',width:80, templet: function (d) {
                        var strs = ['等待','已到診'];
                        return strs[d.status];
                    }, title: '狀態'
                },
                {field:'view_time',title: '預約時間'},
                {field:'depart',title: '部門'},
                {field:'media',title: '媒體'},
                {field:'service',title: '客服'},
                {field:'jjbs',title: '競價標識'},
                {align:'center', toolbar: '#tableBarArticles', title: '操作', minWidth: 160,fixed: 'right'}
            ]],
            done: function (response) {
               //定位當前table視圖
               var tableView = this.elem.next();
                //response.data獲取后端返回的JSON格式數據
               $.each(response.data,function (index,item) {
                    //邏輯判斷
                   if(item.status == "1"){
                        //改變TR標簽內字體顏色
                       tableView.find('tbody tr[data-index="'+ index +'"]').css('color','red');
                   }
               })
            }
        });

 


免責聲明!

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



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