使用HTML表数据源与kendo网格相同

时间:2016-03-02 12:28:06

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

我有一个填充动态数据的html表,我希望将其转换为Kendo Grid。

HTML表:

<table>
   <thead>
   <tr>
     <th>Dynamic Column1 </th>
     <th>Dynamic Column2 </th>
     <th>Dynamic Column3 </th>
   </tr>
   </thead>
   <tbody>
   <tr>
     <td>Row 1 Cell 1</td>     
     <td>Row 1 Cell 2</td>     
     <td>Row 1 Cell 3</td>     
   </tr>
   <tr>
     <td>Row 2 Cell 1</td>     
     <td>Row 2 Cell 2</td>     
     <td>Row 2 Cell 3</td>     
   </tr>
   </tbody>
</table>

当我使用以下代码将此表转换为Kendo Grid时:

$("table").kendoGrid({resizable: true});

数据在row1所有列中重复,类似于其他行,如:

enter image description here

我的应用程序中的所有其他网格都是KendoGrids。我实现为HTML表格的2到3个网格,因为每个单元格都是不同的局部视图。 (我对boolean,Drodown,Text,datepicker有不同的局部视图,所以我将根据输入重定向到各个部分视图)。我没有得到一个解决方案,内部有这些部分视图。

有人可以指导如何使用相同的数据源将此动态html表转换为KendoGrid吗?或者如果你能告诉我如何在kendo网格MVC中绑定partialviews(使用clientTemplate)会有所帮助吗?

1 个答案:

答案 0 :(得分:0)

javascript发布了

$("table").kendoGrid({resizable: true});

应该有用。

也许这是一个时间问题?你尝试过这样的事情:

$( document ).ready(function() {
    $("table").kendoGrid({resizable: true});
});

如果您想要更直接的解决方案(即直接来自数据源的kendo网格而不是应用于生成的表),那么您需要详细说明如何生成动态表。