使用jquery/javascript更改剑道网格中的行颜色
我有一个ajax绑定的网格,它显示一个警报列表。根据行对象中的某些条件,我需要更改行的颜色。 以前,当我的网格绑定到服务器时(我知道这是它应该工作的方式),这是可行的,但是由于更改,网格需要用ajax更新。 这是我的网格,是服务器绑定时使用的网格(注意,我改为使用jquery/javascript更改剑道网格中的行颜色,javascript,jquery,kendo-ui,kendo-grid,Javascript,Jquery,Kendo Ui,Kendo Grid,我有一个ajax绑定的网格,它显示一个警报列表。根据行对象中的某些条件,我需要更改行的颜色。 以前,当我的网格绑定到服务器时(我知道这是它应该工作的方式),这是可行的,但是由于更改,网格需要用ajax更新。 这是我的网格,是服务器绑定时使用的网格(注意,我改为.Ajax(): 现在,这就是我在脚本中所做的: function setColors() { var grid = $("#grid").data("kendoGrid"); var data = grid.dataSou
.Ajax()
:
现在,这就是我在脚本中所做的:
function setColors() {
var grid = $("#grid").data("kendoGrid");
var data = grid.dataSource.data();
$.each(data, function(i, row) {
if (row.DateOff != null && row.DateAck == null) {
// Add color to that rows text
}
});
}
我一辈子都不知道如何更改那一行文本的颜色。有什么建议吗?终于找到了解决方案:
function setColors() {
var grid = $("#grid").data("kendoGrid");
var data = grid.dataSource.data();
grid.tbody.find('>tr').each(function () {
var dataItem = grid.dataItem(this);
if (dataItem.DateOff == null && dataItem.DateAck == null) {
$(this).css('color', 'red');
}
if (dataItem.DateOff != null && dataItem.DateAck == null) {
$(this).css('color', 'green');
}
if (dataItem.DateOff == null && dataItem.DateAck != null) {
$(this).css('color', 'blue');
}
});
我从哪里可以得到可用颜色的列表我不知道你说的“可用颜色”是什么意思。它们只是常规颜色,在CSS或十六进制中使用。我的意思是在哪里可以得到我可以在那里使用的所有颜色的列表,我知道我可以使用十六进制值,我发现一个网站有一个颜色列表,如“浅绿色”、“深绿色”等。此函数中没有use data变量。但它工作正常。
function setColors() {
var grid = $("#grid").data("kendoGrid");
var data = grid.dataSource.data();
grid.tbody.find('>tr').each(function () {
var dataItem = grid.dataItem(this);
if (dataItem.DateOff == null && dataItem.DateAck == null) {
$(this).css('color', 'red');
}
if (dataItem.DateOff != null && dataItem.DateAck == null) {
$(this).css('color', 'green');
}
if (dataItem.DateOff == null && dataItem.DateAck != null) {
$(this).css('color', 'blue');
}
});