使用ClientTemplate进行Kendo Grid内联编辑

时间:2013-11-06 08:38:14

标签: asp.net-mvc asp.net-mvc-3 kendo-ui kendo-grid kendo-asp.net-mvc

我使用Razor语法和MV在MVC中创建了一个Kendo Grid。能够进行内联编辑,例如,

   @(Html.Kendo().Grid<Invoice.Models.ViewModels.SegmentViewModel>()
    .Name("Segment")
            .TableHtmlAttributes(new { style = "height:20px; " })
                    //.TableHtmlAttributes(new { style:"height:30px;"})
    .Columns(columns =>
    {
        columns.Bound(p => p.Airline).ClientTemplate("#=Airline.AirlineName#").Width(5);
        columns.Bound(p => p.Departs).Width(5);
        columns.Bound(p => p.DepartureDate).Width(9);
        columns.Bound(p => p.Arrives).Width(5);
        columns.Bound(p => p.ArrivalDate).Width(7).Format("{0:d}");
    })
    .Editable(editable => editable.Mode(GridEditMode.InCell))
    .Navigatable()
    .DataSource(dataSource => dataSource
        .Ajax()
        .Batch(true)
        .ServerOperation(false)
        .Events(events => events.Error("error_handler"))
        .Model(model => model.Id(p => p.Airline))
        .Create("Editing_Create", "Grid")
        .Read("Segment_Read", "Document")
        .Update("Editing_Update", "Grid")
        .Destroy("Editing_Destroy", "Grid")
    )
            )

但是如何定义我用于Dropdown的客户端模板“Airline.AirlineName”。

请建议我在这做些什么。

1 个答案:

答案 0 :(得分:2)

检查以下demo的MVC离线版本。 (你可以在那里看到编辑器模板)。

文档解释了相同的here