/*根据查询条件查询调度单列表*/
function InitGrid(queryData) {
$("#dg").datagrid({
loadMsg: "数据加载中,请稍后……",
pageNumber: 1,
striped: true,
border: true,
fitColumns: true,
pageSize: 10, // 页面显示条目数
pageList: [10, 20],
url: "../DPC_LOSTBIKE/ReportList.aspx",
queryParams: queryData,
columns: [[{
field: "REPORT_NAME",
title: "报案人姓名",
align: "center",
width: 100,
}, {
field: "ID_CODE",
title: "报案人身份证",
align: "center",
width: 130,
formatter: function (value, row, index) {
return value.substr(0, 6) + "***********" + value.substr(14, 4);// return value.substring(0, 3) + "***";
}
}, {
field: "OWNER_NAME",
title: "主人姓名",
align: "center",
width: 100
}, {
field: "OWNER_ID",
title: "主人身份证",
align: "center",
width: 130,
formatter: function (value, row, index) {
return value.substr(0, 6) + "***********" + value.substr(14, 4); // value.substring(0, 3) + "***";
}
}
// 郑林飞 20170817 陈总要求去除类型选择 所以 才去掉和车辆类型有关的 车牌号 车型号
//, {
// field: "BIKE_CODE",
// title: "车牌号",
// align: "center",
// width: 100
//}

, {
field: "IS_REGIST",
title: "是否安装RFID",
align: "center",
width: 100,
formatter: function (value, row, index) {
if (value == "1") {
return '<span style="color:red;">是<span>';

} else {
return '<span style="color:green;">否<span>';
}
}
}
, {
field: "LASTTIME",
title: "最近出现时间",
align: "center",
width: 100,
formatter: function (value, row, index) {
return value;
}
}
// 郑林飞 20170817 陈总要求去除类型选择 所以 才去掉和车辆类型有关的 车牌号 车型号
//, {
// field: "BIKE_TYPE",
// title: "车型号",
// align: "center",
// width: 100
//}
// 郑林飞 20170817 陈总要求去除类型选择 所以 才去掉和车辆类型有关的 车牌号 车型号 车颜色
//, {
// field: "BIKE_COLOR",
// title: "车颜色",
// align: "center",
// width: 100
//}

, {
field: "LOST_DATE",
title: "丢失时间",
align: "center",
width: 100,
formatter: function (value, row, index) {
return dateStamp2String(new Date(value));
}
}, {
field: "REGIST_DATE",
title: "报警时间",
align: "center",
width: 100,
formatter: function (value, row, index) {
return dateStamp2String(new Date(value));
}
}, {
field: "CUR_STATUS",
title: "状态",
align: "center",
width: 50,
align: "center",
formatter: function (value, row, index) {
//if (row.CUR_STATUS == 0) {
// return "疑似";
//} else if (row.CUR_STATUS == 1) {
// return "报案";
//} else if (row.CUR_STATUS == 0) {
// return "结案";
//}
//1表示报警;2表示结案;3.取消报警
if (row.CUR_STATUS == 1) {
return "报警";
} else if (row.CUR_STATUS == 2) {
return ""; //结案
} else if (row.CUR_STATUS == 3) {
return ""; //取消报警
}

}
}, {
field: "opt1",
title: "编辑",
align: "center",
width: 50,
align: "center",
formatter: function (value, row, index) {
if (row.CUR_STATUS == 0) {
return "";
}

if (row.CUR_STATUS != 2) {
return '<a href="javascript:openEditWindow(\'' + row.ID + '\')">编辑</a>';
}
}
}, {
field: "opt3",
title: "结案",
align: "center",
width: 60,
align: "center",
//formatter: function (value, row, index) {
// if (row.CUR_STATUS != 2) {
// return '<a href="javascript:finishData(\'' + row.ID + '\')">结案</a>';
// } else {
// return '<a href="javascript:finishedData(\'' + row.ID + '\')">已结案</a>';
// }
//}
formatter: function (value, row, index) {
if (row.CUR_STATUS ==1) {
return '<a href="javascript:finishData(\'' + row.ID + '\')">结案</a>';
} else if (row.CUR_STATUS == 2) {
return '<a href="javascript:finishedData(\'' + row.ID + '\')">已结案</a>';
} else {
return '取消报警';
}
}
}]],
pagination: true,
rowStyler: function (index, row) {
var rdate = dateStamp2String(new Date(row.REGIST_DATE));
var ldate = dateStamp2String(new Date(row.LASTTIME));
alert(rdate); alert(ldate);
var day = DateDiff(rdate, ldate);
if (parseInt(day) < 0) {

}
else {
return 'background-color:red;color:green;font-weight:bold;';    //******************************************************* 关键部位在此  根据判断 改变行背景
}

//if (row.IS_REGIST!="1") {
// return 'background-color:red;color:green;font-weight:bold;';
//}
//else {
// return 'background-color:yellow;color:green;font-weight:bold;';
//}

},
onDblClickRow:function(index,row)
{
showWindow(row.ID)
}, onLoadSuccess: function (data) {

var rowData = data.rows;
$.each(rowData, function (index, msg) {//遍历JSON

if (msg.IS_REGIST != "") {
var td = $(this).children('td[field="IS_REGIST"]'); // 取出行中,DATA_NAME 这一列。
var textValue = td.children("div").text(); // 取出该列的值。
alert(textValue)
td.children("div").css({
"text-align": "right",
"background": "red"
});

}
//如果数据行为已选中则选中改行
});

}
});

var p = $("#dg").datagrid("getPager");
$(p).pagination({
beforePageText: "第",
afterPageText: "页 共 {pages} 页",
displayMsg: "共{total}条数据",
});
};

easyui datagrid 动态改变行背景色的更多相关文章

  1. easyui datagrid动态设置行、列、单元格不允许编辑

    Easyui datagrid 行编辑.列编辑.单元格编辑设置 功能: 动态对datagrid 进行行.列.单元格编辑进行设置不允许编辑. 禁用行编辑: 在编辑方法调用前,对选择的行进行判断,如果不允 ...

  2. jquery easyui datagrid动态改变title的值

    title:'<input type="text" id="txtTitle1" style="background:none;border:n ...

  3. easyui datagrid 动态加入、移除editor

    使用easyui 行编辑的时候完毕编辑的功能比較简单,可是假设要依据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比較麻烦了. 比方像以下这样:加入行的时候每一个值都是手动输入,改动的时候第 ...

  4. easyui如何动态改变列的编辑属性

    动态改变列的编辑属性 var tt=$('#dg').datagrid('getColumnOption', 'yearContent'); //通过列名获得此列 tt.editor={type:'t ...

  5. JQuery EasyUI DataGrid动态合并(标题)单元) 一

    JS: /** * EasyUI DataGrid根据字段动态合并单元格 * @param fldList 要合并table的id * @param fldList 要合并的列,用逗号分隔(例如:&q ...

  6. JQuery EasyUI DataGrid动态合并单元格

    /**        * EasyUI DataGrid根据字段动态合并单元格        * @param fldList 要合并table的id        * @param fldList ...

  7. easyui datagrid 让某行复选框置灰不能选

    easyui中datagrid 让某行复选框置灰不能进行选中操作,以下为主要部分的code. //加载完毕后获取所有的checkbox遍历 onLoadSuccess: function(data){ ...

  8. 实现GridControl行动态改变行字体和背景色

    需求:开发时遇到一个问题, 需要根据GridControl行数据不同,实现不同的效果 在gridView的RowCellStyle的事件中实现,需要的效果 private void gridView1 ...

  9. jquery easyui DataGrid 动态的改变列显示的顺序

    $.extend($.fn.datagrid.methods,{ columnMoving: function(jq){ return jq.each(function(){ var target = ...

随机推荐

  1. fcitx、ibus、scim

    我觉得还是小企鹅fcitx好用点,兼容性好.速度快.配置简单. 在debian stable下,ibus用apt-get install完以后根本就不出现. scim倒是不用配置自己出来了,但是问题多 ...

  2. [翻译] ASP.NET WebAPI 中的异常处理

    原文链接:https://docs.microsoft.com/en-us/aspnet/web-api/overview/error-handling/exception-handling 本文介绍 ...

  3. winform 查找控件并获取特定类型控件

    //通过反射获取所有控件集合 System.Reflection.FieldInfo[] fieldInfo = this.GetType().GetFields(System.Reflection. ...

  4. 剑指offer编程题Java实现——面试题7用两个栈实现队列

    题目:用两个栈实现一个队列.队列的声明如下:请实现他的两个函数appendTail和deleteHead, 分别完成在队列尾部插入节点和在队列头部删除节点的功能. package Solution; ...

  5. ArrayBlockingQueue源码解析(1)

    此文已由作者赵计刚授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 注意:在阅读本文之前或在阅读的过程中,需要用到ReentrantLock,内容见<第五章 Reentr ...

  6. react项目开发中遇到的问题

    前言 作为一个前端爱好者来说,都想在react上一试生手,那么在搭建react项目开发时,肯定会有这样或者那样的问题,尤其是对初学者来说,下面就个人在开发过程中遇到的问题总结一下,好在有google帮 ...

  7. OCP考试062题库出现大量新题-19

    choose three Which three statements are true about Oracle Data Pump? A) Oracle Data Pump export and ...

  8. Oracle RAC 环境下的连接管理(转) --- 防止原文连接失效

    崔华老师的文章!!! 这篇文章详细介绍了Oracle RAC环境下的连接管理,分别介绍了什么是 Connect Time Load Balancing.Runtime Connection Load ...

  9. 剑指offer十九之顺时针打印矩阵

    一.题目 输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字,例如,如果输入如下矩阵: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 则依次打印出数字1,2, ...

  10. office2013安装与卸载

    一.office2013卸载不干净,重新安装的时候就会报错.下面是博主卸载的步骤: 第一步:下载office官方卸载工具 ,链接:http://pan.baidu.com/s/1nvuoEYd 密码: ...