easyui datagrid 动态改变行背景色
/*根据查询条件查询调度单列表*/
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 动态改变行背景色的更多相关文章
- easyui datagrid动态设置行、列、单元格不允许编辑
Easyui datagrid 行编辑.列编辑.单元格编辑设置 功能: 动态对datagrid 进行行.列.单元格编辑进行设置不允许编辑. 禁用行编辑: 在编辑方法调用前,对选择的行进行判断,如果不允 ...
- jquery easyui datagrid动态改变title的值
title:'<input type="text" id="txtTitle1" style="background:none;border:n ...
- easyui datagrid 动态加入、移除editor
使用easyui 行编辑的时候完毕编辑的功能比較简单,可是假设要依据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比較麻烦了. 比方像以下这样:加入行的时候每一个值都是手动输入,改动的时候第 ...
- easyui如何动态改变列的编辑属性
动态改变列的编辑属性 var tt=$('#dg').datagrid('getColumnOption', 'yearContent'); //通过列名获得此列 tt.editor={type:'t ...
- JQuery EasyUI DataGrid动态合并(标题)单元) 一
JS: /** * EasyUI DataGrid根据字段动态合并单元格 * @param fldList 要合并table的id * @param fldList 要合并的列,用逗号分隔(例如:&q ...
- JQuery EasyUI DataGrid动态合并单元格
/** * EasyUI DataGrid根据字段动态合并单元格 * @param fldList 要合并table的id * @param fldList ...
- easyui datagrid 让某行复选框置灰不能选
easyui中datagrid 让某行复选框置灰不能进行选中操作,以下为主要部分的code. //加载完毕后获取所有的checkbox遍历 onLoadSuccess: function(data){ ...
- 实现GridControl行动态改变行字体和背景色
需求:开发时遇到一个问题, 需要根据GridControl行数据不同,实现不同的效果 在gridView的RowCellStyle的事件中实现,需要的效果 private void gridView1 ...
- jquery easyui DataGrid 动态的改变列显示的顺序
$.extend($.fn.datagrid.methods,{ columnMoving: function(jq){ return jq.each(function(){ var target = ...
随机推荐
- 多条件情况查询,sql select case when when else
多条件情况查询 SELECT Title, 'Price Range' = CASE WHEN price IS NULL THEN 'Unpriced' ...
- [leetcode 8] String to Integer
1 题目: Implement atoi to convert a string to an integer. Hint: Carefully consider all possible input ...
- 工作随笔——elasticsearch数据冷热分离、数据冷备
概述: 适合日志类型的数据存储方案.即当日数据写入,历史数据只读. 节省部分硬件成本.热数据采用更好的硬件. 环境: 已有6个ES节点,使用docker-compose方式搭建. es1:master ...
- 微服务 - Eureka注册中心
我们来解决微服务的第一问题,服务的管理. 服务中心对外提供服务,需要对外暴露自己的地址.而consumer(调用者)需要记录服务提供者的地址.将来地址出现变更,还需要及时更新.这在服务较少的时候并不觉 ...
- Flask中的before_request和after_request
1.@app.before_request 在请求(request)之前做出响应 @app.before_request 也是一个装饰器,他所装饰的函数,都会在请求进入视图函数之前执行 2.@app. ...
- 不同Mesh技术的比较-总结版
引言 在过去的几年里,Mesh 网络逐渐变得流行,随之会有越来越多的无线产品面世.Mesh 网络技术作为一种无线自组网技术是物联网的核心技术.物联网的概念现在也逐渐贴近人们的生活, 据预测 2011 ...
- RegexHelper.js
var Validator = { VerityLib: { //验证字符串非空 IsNotEmpty: function (input) { if (input != '') { return tr ...
- php5.3新垃圾回收机制详解
php的垃圾回收机制主要参考了http://blog.csdn.net/phpkernel/article/details/5734743 这文章. 变量对应的值,比如 $a="abc&qu ...
- 线程中的读写锁ReadWriteLock
Lock锁还有两个非常强大的类 ReadWriteLock接口实现类ReentrantReadWriteLock(非常重要的锁) 想实现 读取的时候允许多线程并发访问,写入的时候不允许. 这种效果.. ...
- (转)浅谈AIX下IPFilter防火墙
1 序言 AIX操作系统发行至今,经历数个版本,功能不断增强,就安全方面IP Security也变化不少,如动作中增加了If等功能,但这次暂且讨论配置防火墙策略及防火墙的基本操作,其他高级功能待 ...