asp.net-mvc-3 - Telerik Kendo ui 网格显示 html 单元格而不是生成的 html 控件

Question

我正在尝试使用 asp.net mvc 3 中的新 Kendo UI 网格。

我有一个表，该表是从 asp.net mvc 3 中的 Controller 自动生成的。

并用 Kendo.ui 网格显示它。

但是，我在单元格内放置了 html 代码，而不是 html 控件

示例:

它显示在单元格中:<input checked="checked" class="check-box" disabled="disabled" type="checkb.. View 中的代码不是输入，而是@html.input

或<a href="/Admin/Edit">Edit</a> | <a href="/Admin/Details">Details</a> | <a href="/Adm而不是链接( View 中的代码是@Html.actionLink)

如何让它编码 html 代码？

这是我的脚本:

$(document).ready(function() {
    $("#calendrierMatch").kendoGrid({

    });
});

谢谢

Answer 1

KendoUI 网格会自动对网格内容进行编码，这就是为什么您会得到文本 <input type= ...而不是实际的输入控件。

您可以使用 encoded 禁用给定列的编码选项 (see documentation) :

encoded: Boolean(default: true) Specified whether the column content is escaped. Disable encoding if the data contains HTML markup.

所以你需要这样的东西:

 $(document).ready(function(){
      $("#grid").kendoGrid({
      //...
        columns: [
           {
               field: "Column containing HTML",
               encoded: false
           }
        ]          
      });
 });