Kendo MVC批处理编辑更改行颜色或焦点

Question

我是kendo ui的新宝贝，我正在尝试自定义行颜色在用于网格的批处理编辑时，我在互联网上查看，但找不到任何信息。在编辑了一个单元格以进行批处理编辑网格之后，默认情况下，kendo在单元格的左上角添加一个小红色点，我要在编辑任何单元后要实现的目标整个行以为记录更改更改颜色。例如，我想将行更改为绿色，以使用户在单击"保存"之前对行进行了更大的可见性。如果有人可以帮助我，我真的会应用。

代码

@(Html.Kendo().Grid<MvcKendo.Models.Availablity>().Name("grid")
.Columns( columns => {
    columns.Bound(c => c.Id);
    columns.Bound(c => c.TimeFrom);
    columns.Bound(c => c.TimeTo);
})
.DataSource(datasource => datasource.Ajax().PageSize(5)
.Read("GetDataAvailablity","Home"))
.ClientDetailTemplateId("template")   
 )
<script id="template" type="text/kendo-tmpl">
@(Html.Kendo().TabStrip()
        .Name("tabStrip_#=Id#")
        .SelectedIndex(0)
        .Animation(animation => animation.Open(open => open.Fade(FadeDirection.In)))
        .Items(items =>
        {
            items.Add().Text("TimeSheet Details").Content(@<text>@TimeSheetDetails()</text>);             
        })
    .ToClientTemplate()
)

 @helper TimeSheetDetails()
 {
 @(Html.Kendo().Grid<MvcKendo.Models.TimeSheet>()
.Name("grid_#=Id#")
         .Events(e => {
             e.DataBound("onDataBound");
             e.Change("ChangeEvent");
         })
    .Columns(columns =>
    {
        columns.Bound(t => t.Id);
        columns.Bound(t => t.WardName);
    })
    .Selectable(selectable => selectable.Mode(GridSelectionMode.Multiple))
    .Editable(editable => editable.Mode(GridEditMode.InCell))
    .ToolBar(tb=>tb.Save())
    .DataSource(dataSource => dataSource
        .Ajax().Batch(true)
        .PageSize(5)
            .Model(model=>model.Id(x=>x.Id))
        .Read(read => read.Action("GetDataTimeSheet", "Home", new { Id = "#=Id#" }))
        .Update(update => update.Action("Editing_Update", "Home"))
        .Events(events => events.Error("error_handler"))
    )
.Pageable().Sortable().ToClientTemplate()
)
![enter image description here][2]}

Answer 1

您可以使用Kendo Grid中的保存事件来实现此次

c＃

.Events(events => events.Save("onSave")

javascript

function(e) {
    $(e.container).closest("tr").css("background-color","lightgreen");
 }

这是JS