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

发布时间：2020-12-15 19:25:27 所属栏目：asp.Net 来源：网络整理

导读：我正在尝试从asp.net mvc 3使用新的Kendo UI网格. 我有一个表,表是从asp.net mvc 3中的控制器自动生成的. 并用Kendo.ui网格显示. 但是,我正在使用html代码,而不是html控件例：它显示在单元格中： input checked =“checked”class =“check-box”disabled

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

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

并用Kendo.ui网格显示.

但是,我正在使用html代码,而不是html控件

例：

它显示在单元格中：< input checked =“checked”class =“check-box”disabled =“disabled”type =“checkb ..而不是输入,View中的代码是@ html.input 或< a href =“/管理/编辑”>编辑< / a> | < a href =“/ Admin / Details”>细节< / a> | < a href =“/ Adm而不是链接(View中的代码是@ Html.actionLink)

如何使其编码html代码？

这是我的脚本：

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

    });
});

谢谢

解决方法

KendoUI网格自动对网格内容进行编码,这就是为什么您得到文本< input type = ...而不是实际的输入控制. 您可以使用编码选项 (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
           }
        ]          
      });
 });

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!