对 Kendo Grid 列同时使用 Template 和 ClientTemplate答案

【问题标题】：Use both Template and ClientTemplate for a Kendo Grid column对 Kendo Grid 列同时使用 Template 和 ClientTemplate
【发布时间】：2017-08-22 12:57:24
【问题描述】：

我在 ASP.NET MVC 中使用剑道网格，我想将一些颜色规则应用于某些列的单元格。为此，我尝试了 HtmlAttributes（使用类似乎是最简单的方法）和 ClientTemplate，但两者都不起作用。此外，我根据 ViewModel 中的变量创建了许多列。

我正要声明一个布尔值选项卡，意思是每列是否必须可见（这样它看起来似乎是静态的）。我不能动态使用 columns.Bound()，但是我可以在 for 循环中使用 columns.Template() 动态添加列。

Html.Kendo().Grid<ViewModelPilotageRetroPlanningOpeDetail>() //Bind the grid to ViewBag.Products
        .Name("pilotageRetroPlanningListeOpesDivabc")
        .BindTo(Model.ListeOpes)
        .Columns(columns =>
        {
             columns.Bound(ope => ope.NbTachesRetard).Title("Nb tâches en retard").Template(@<text> @if (item.NbTachesRetard != 0)
             {
                 <span class="retards"> @item.NbTachesRetard </span>
             }
             else
             {
                 <span class="pasDeRetards"> @item.NbTachesRetard </span>
             }
             </text>);


            for (int i = 0; i < Model.NombreJalonsUtilises; i++)
            {
            var index = i;
            columns.Template(@<text> @item.ListeStatutJalon.ElementAt(index).ToString() </text>).Title("J" + (i + 1).ToString()).Width(25);
             }
        }

它可以工作并根据需要显示列enter image description here

现在我需要显示图像而不是数字，我需要使用 ClientTemplate 将单元格关联到 img 标签

我的问题是： 是否可以同时使用 Template 和 ClientTemplate 根据 @item.ListeStatutJalon.ElementAt(index) 给出的值添加一个类？ 因为当我添加 ClientTemplate 时，模板的值没有出现在单元格中。

【问题讨论】：

标签： asp.net-mvc kendo-ui kendo-grid kendo-asp.net-mvc

【解决方案1】：

.Template() 与server binding 一起使用。 ClientTemplate() 与 client/ajax binding 一起使用。 也可以使用混合绑定方法。在这种情况下，Grid 最初是服务器绑定的，并将从服务器呈现其初始数据。对于后续的数据操作（例如分页），小部件将使用已加载的数据。以下是为后者配置 Grid 的方法：

http://demos.telerik.com/aspnet-mvc/grid/local-data-binding

【讨论】：

是否可以让 Grid 最初绑定服务器并用于后续数据操作（例如分页）以进行 AJAX 调用？我想用页面加载第一页数据，然后在/如果请求其他页面时进行 AJAX 调用。
@xr280xr 可能您的目标是让初始数据立即出现，但我不知道实现此目的的内置方法。