[英]Highlight Empty cells in Kendo UI Grid for ASP.NET Core
我試圖在任何列中突出顯示我的 Kendo UI 網格中的空單元格
我試過這段代碼,但它只適用於列
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 事件之外沒有 Kendo),如果它沒有任何值,則將顏色更改為紅色。
function onDataBound(e){
$("#Reschedule td").each(function() {
if ($(this)[0].innerText==="")
$(this).css("background-color", "red");
});
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.