Telerik Kendo ui 网格显示 html 单元格而不是生成的 html 控件

Question

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

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

并用 Kendo.ui 网格显示它。

但是，我在单元格中使用了 html 代码，而不是 html 控件

例子：

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

或<a href="/Admin/Edit">Edit</a> | <a href="/Admin/Details">Details</a> | <a href="/Adm而不是链接（视图中的代码是@Html.actionLink）

如何让它编码 html 代码？

这是我的脚本：

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

    });
});

谢谢

Answer 1

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

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

encoded: Boolean(default: true) 指定列内容是否 被逃脱。如果数据包含 HTML 标记，则禁用编码。

所以你需要这样的东西：

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