設置表格easyui-datagrid,對行進行顏色 設置

 效果:

操作:加上方法:

rowStyler: function (index, row) {
                if (row.Online != "True") {
                   // return "background-color:#FFFF99;";//背景顏色
                    return "color:red;";//字體顏色
                 }

            }

            columns: [[
                { title: 'T2pkid', field: 'T2pkid', halign: 'center', hidden: true },
                { title: '設備編碼', field: 'LedCode', halign: 'center', width: 20, hidden: true },
                { title: '設備編號', field: 'EquipShowNo', halign: 'center', width: 20 },
                { title: '部門編碼', field: 'DepartCode', halign: 'center', hidden: true },
                { title: '所屬部門', field: 'Departname', halign: 'center', width: 20 },
                { title: '安裝地址', field: 'LedAddress', halign: 'center', width: 60 },
                { title: '設備地址', field: 'Commnumber', halign: 'center', width: 40 },
                {
                    title: '是否在線', field: 'Online', width: 20, halign: 'center', align: 'center',
                    formatter: function (value) {
                        if (value == "True") {
                            return "<span style='color:green;'>在線</span>";
                        } else {
                            return "<span style='color:red;'>離線</span>";
                        }
                    }
                },
                {
                    title: '報修記錄', field: 'EquipCode', width: 20, halign: 'center', align: 'center', formatter: function (value) {
                        return '<a style="color:red;" href="javascript:void(0);"  onclick="getLedRepair(\'' + value + '\');">查看</a>';
                    }
                },
                {
                    title: '報修狀態', field: 'RepairStatus', halign: 'center', align: 'center', width: 20, formatter: function (value, row) {
                        if (row.Online == "True") {
                            return "";
                        } else {
                            if (value == "0") {
                                return "已報修";
                            } else if (value == "1") {
                                return "已修復";
                            } else if (value == "") {
                                return "";
                            }
                        }
                    }
                },
                {
                    title: '故障描述', field: 'Remarker', halign: 'center', width: 80, formatter: function (value, row, index) {
                        if (row.Online == "True") {
                            return "";
                        } else {
                            return value;
                        }
                    }
                }

            ]],
            rowStyler: function (index, row) {
                if (row.Online != "True") {
                   // return "background-color:#FFFF99;";
                    return "color:red;";
                 }

            }

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章