Question

在easyui的表格中,所绑定的数据是从数据库取得的数据,怎么将部分符合条件的数据显示为红色?在线

在easyui的表格中,所绑定的数据是从数据库取得的数据,怎么将部分符合条件的数据显示为红色?在线急等!

Answer 1

datagrid 定义列有一个 styler 属性，，此属性值为一个函数，用于渲染单元格格式。

$('#dg').datagrid({
	columns:[[
		{field:'listprice',title:'List Price', width:80, align:'right',
			styler: function(value,row,index){
				if (value > 90){
					return 'background-color:#ff0000;color:white;';
					// the function can return predefined css class and inline style
					// return {class:'c1',style:'color:red'}
				}
			}
		}
	]]
});

如果是使用html标签定义列也可以：

<th data-options="field:'unitcost',width:80,align:'right',styler: function(value,row,index){
if (value > 90){
    return 'background-color:#ff0000;color:white;';
    // the function can return predefined css class and inline style
    // return {class:'c1',style:'color:red'}
}
}">Unit Cost
</th>

可以看到效果：

追问

我的情况是这样的,你那个$('#dg')是获取一个td吗还是什么?我初学不久,大多数看不懂.

追答

你的列是通过td指定的么 ？ 那你就用html标签的方法就可以了

Answer 2

是一行变红还是只是某列

追问

某行中的某个数据,就是一个数据,比如学生成绩中有以下信息:
学号|姓名|性别|科目|成绩|状态('Y'或者'N')|
然后将状态为Y的并且只有Y这个数据显示为红色,其他的数据都是默认的颜色.

追答

var tt_canLoad = true;//加载数据sellerName=&goodsName=&startTime=&endTime=&window.onload = (function () { $("#liuyanmanagelisdata").datagrid({ url: '/Sj/handler/SellerNoticeManager.ashx?visit=selectallliuyan', loadMsg: '正在加载', pagination: true, rownumbers: true, singleSelect: false, striped: true, fit: true, checkOnSelect: true, selectOnCheck: true, pageNumber: 1, pageSize: 10, pageList: [10, 30, 50, 70, 100], onBeforeLoad: function (data) { if (!tt_canLoad) { $('#liuyanmanagelisdata').datagrid("loadData", { total: 0, rows: [] }); } return tt_canLoad; }, columns: [[ { field: 'ck', checkbox: true }, { field: 'Id', title: '留言编号', fitColumns: true }, { field: 'Title', title: '留言标题', fitColumns: true, width: 200 }, { field: 'TTime', title: '留言内容', fitColumns: true }, { field: 'Context', title: '留言时间', fitColumns: true, formatter: formatter_date }, { field: 'AdminContext', title: '管理员回复', fitColumns: true }, { field: 'State', title: '状态', fitColumns: true, formatter: zhuagntai } ]] });});//加载商品状态function zhuagntai(value, row, index) { var str = ''; if (value == 1) { str = '未处理'; //这里可以是str="内容"; } else{ str = '已处理'; } return str;}