/*根据查询条件查询调度单列表*/
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. 如何获取 docker 容器(container)的 ip 地址

    1. 进入容器内部后 cat /etc/hosts 会显示自己以及(– link)软连接的容器IP 2.使用命令 docker inspect --format '{{ .NetworkSetting ...

  2. VS的一些实用快捷键及小技巧(不断更新)

    在未选中文本的情况下: ctrl+x 剪贴并删除当前的行,可以用于快速删除整行代码 ctrl+c 复制当前行的代码 ctrl+l 删除当前行 组合键,需要按两次: ctrl+k,ctrl+c 注释当前 ...

  3. “全栈2019”Java多线程第二十八章:公平锁与非公平锁详解

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java多 ...

  4. Linux系统文件权限管理(6)

    Linux操作系统是多任务(Multi-tasks)多用户(Multi-users)分时操作系统,linux操作系统的用户就是让我们登录到linux的权限,每当我们使用用户名登录操作系统时,linux ...

  5. XSS 跨站脚本攻击 的防御解决方案

    虽然说在某些特殊情况下依然可能会产生XSS,但是如果严格按照此解决方案则能避免大部分XSS攻击. 原则:宁死也不让数据变成可执行的代码,不信任任何用户的数据,严格区数据和代码. XSS的演示 Exam ...

  6. underscore.js源码研究(4)

    概述 很早就想研究underscore源码了,虽然underscore.js这个库有些过时了,但是我还是想学习一下库的架构,函数式编程以及常用方法的编写这些方面的内容,又恰好没什么其它要研究的了,所以 ...

  7. VBA操作word生成sql语句

    项目开始一般都是用word保存下数据库的文档 但是从表单一个一个的建表实在是很困难乏味,查查资料 1.可以生成一个html或者xml,检索结构生成sql.但是这个方式也蛮麻烦 2.查到vba可以操作w ...

  8. linux安装使用7zip

    7z,全称7-Zip, 是一款开源软件.是目前公认的压缩比例最大的压缩解压软件. 源码编译安装 官网下载地址:http://www.7-zip.org/download.html 源文件项目地址:ht ...

  9. Python如何判断字符串中是否有中文

    解决:Python如何判断字符串中是否有中文 In [240]: s Out[240]: '你好aa' In [241]: for i in s: ...: if u'\u4e00' <= i ...

  10. Eclipse的使用与Oblect类的常用方法_DAY11

    一.Java开发工具的使用 A:notepad windows自带的记事本. B:高级记事本 Editplus Notepad++ UE sublime2 C:集成开发工具(IDE) 开发和运行. E ...