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

dtj*_*msy 10 asp.net-mvc-3 kendo-ui

我正在尝试使用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({

    });
});
Run Code Online (Sandbox Code Playgroud)

谢谢

nem*_*esv 26

KendoUI Grid自动对网格内容进行编码,这就是您获取文本<input type= ...而不是实际输入控件的原因.

您可以使用encoded选项禁用给定列的编码(请参阅文档):

encoded:Boolean(默认值:true)指定是否对列内容进行转义.如果数据包含HTML标记,则禁用编码.

所以你需要这样的东西:

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