我有一个 Kendo Grid,我在其中定义了这样的编辑器:
@(Html.Kendo().Grid(Model.Data)
.Name("GridINT")
.Editable(editable => editable
.Mode(GridEditMode.PopUp)
.TemplateName("MyTemplateName")
.Window(w => w.Width(500))
.Window(w => w.Title("My Template")))
在使用编辑器之前,我将 mouseup 处理程序绑定到行,并调整命令按钮的样式。当编辑器关闭时,无论是通过提交、取消还是“X”,我的处理程序和样式调整都将消失在受影响的行中。我需要恢复它们,但我没有找到有效的事件。我已经像这样绑定取消点击事件:
$('.k-grid-cancel').bind('click', function ( e ) {
colorCommandCells();
});
但是如果我在这里将我的处理程序/样式恢复为网格行,编辑器的关闭过程会撤消我所做的事情。
底线:我怎么知道编辑器已经完成了对网格的更新(正如我所描述的那样,即使编辑器被取消了)以及编辑器弄乱了哪一行?
这是为命令单元格着色的代码:
function colorCommandCells() {
// This block colors the command cell according to ISNEW. It must run every time the DataBound event occurs.
var grid = $("#GridINT").data("kendoGrid");
var gridData = grid.dataSource.view();
for (var i = 0; i < gridData.length; i++) {
var currentUid = gridData[i].uid;
var currentRow = grid.table.find("tr[data-uid='" + currentUid + "']");
var editButton = $(currentRow).find(".k-grid-edit");
var aColor = gridData[i].ISNEW == 1 ? "#FFCCFF" : "transparent";
var aText = gridData[i].ISNEW == 1 ? "Add" : "Edit";
var parent = $(editButton).closest("td");
$(parent[0]).css('background-color', function () { return aColor; });
editButton[0].innerHTML = "<span class=\"k-icon k-edit\"></span>" + aText;
}
}