• 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: '姓名',80,align: 'center'},
                    {field:'sex',title: '性别',60,align: 'center'},
                    {field:'old', title: '年龄',60,align: 'center'},
                    {field:'tel', title: '电话',120,align: 'center'},
                    {field:'address', title: '地址',100,align: 'center'},
                    {field:'m_type', title: '病患类型',align: 'center'},
                    {field:'doctor_num', title: '专家号',80,align: 'center'},
                    {field:'doctor', sort: true,title: '专家'},
                    {field:'con',title: '咨询内容'},
                    {
                        field: 'status', align: 'center',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');
                       }
                   })
                }
            });
  • 相关阅读:
    五步搞定Android开发环境部署!
    WebBrowser JS回调delphi的方法 (简单通用)
    Delphi根据方法名调用方法
    Delphi TstringList Stringlist的特殊用法
    delphi 获取webbrowser的cookies给Idhttp用
    HttpHelper类登录淘宝联盟并下载淘宝客订单xls
    我的常用笔记(GetAndroid,ADBDemo,GetSJ,GetTB)
    P1025 数的划分
    P1969 积木大赛
    P2038 无线网络发射器选址
  • 原文地址:https://www.cnblogs.com/panziwen/p/12435736.html
Copyright © 2020-2023  润新知