javascript - 突出显示 ASP.NET Core 的 Kendo UI Grid 中的空单元格
问题描述
我正在尝试在任何列中突出显示我的 Kendo UI Grid 中的空单元格
我已经尝试过这段代码,但它只适用于列
function onDataBound(e){
var rows = e.sender.element.find("tr");
$(rows).each(function(ev){
var dataItem = e.sender.dataItem(this);
if(dataItem.OrderID > 10250){
var index = $(".k-grid th[data-field='OrderID']").index();
$(this).find("td:eq("+index+")").css("background-color", "red");
}
});
}
这是网格控制代码
<div>
@(Html.Kendo().Grid<TelerikAspNetCoreApp1.Models.tableMapping>
()
.Name("Reschedule")
.DataSource(datasource => datasource
.Ajax()
.Sort(sort => sort.Add("DateTime_Out").Descending())
.ServerOperation(true)
.Read(read => read.Action("List2", "Reschedule"))
.PageSize(10)
).Pageable(pager => pager.PageSizes(new int[] { 5, 10, 25, 50, 100 }))
.Sortable()
.Events(events => events
.DataBound("onDataBound"))
.ToolBar(tools => tools.Excel())
.Excel(excel => excel
.AllPages(true))
)
</div>
无论如何要检查整个表格(所有单元格)并突出显示那些为空的?
解决方案
您可以仅使用 jquery 遍历表中的所有单元格(除了利用 onDataBound 事件之外没有剑道),如果它没有任何值,则将颜色更改为红色。
function onDataBound(e){
$("#Reschedule td").each(function() {
if ($(this)[0].innerText==="")
$(this).css("background-color", "red");
});
}
推荐阅读
- javascript - 三.js | 吐温.js | 平稳旋转相机
- mysql - 计算最近 6 个月的帐户数量和歌曲数量
- javascript - 让孩子们的道具相互独立——因为它们来自同一个 .map
- mysql - Mysql 使用检查约束向表中添加新列
- proxy - RPi - Squid 代理:分配 Squid 端口以使用特定网络接口进行传出流量
- c - c中字符串字符的唯一性
- python - 如何在 VS Code 中为每个项目设置 PYTHONPATH?
- javascript - 如何有条件地将一组道具添加到反应组件?
- css - 在LESS的同一个选择器中嵌套不同的类
- python - 适用于 Windows 上的 Python 2.3 的 MySQL-python 1.2.1