如何在运行时将Kendo Grid与System.Data.DataTable绑定

Question

我需要在Button Click上弹出一个Kendo Grid.在按钮上单击服务器返回DataTable,其中包含动态列(即1到n个列).单击按钮,我使用jQuery ajax调用获取DataTable.但是我无法绑定那些数据.如何解决此问题

Answer 1

它实际上非常简单快捷,见下文:

@model  System.Data.DataTable

@(Html.Kendo().Grid(Model)
            .Name("DayViewGrid")
            .Columns(columns =>
              {
                  foreach (System.Data.DataColumn column in Model.Columns)
                  {
                        columns.Bound(column.ColumnName).Title(column.Caption);
                  }
              }
            )
            .Scrollable(scr => scr.Height(600))
            .DataSource(dataSource => dataSource
                .Ajax()
                .Model(model =>
                     {
                         model.Id(Model.Columns[0].ColumnName);

                         foreach (System.Data.DataColumn column in Model.Columns)
                         {
                            if(column.Ordinal > 0)
                                model.Field(column.ColumnName, column.DataType);
                         }
                     }
                 )

            )
           )

如果这不是你想要的,请告诉我？