Telerik Kendo ui grid Anzeigen von HTML-Zelle anstelle der erzeugten HTML-Steuer

Question

Ich versuche, den neuen Kendo UI Raster von asp.net MVC 3.em

I mit der Tabelle aus einem automatisch eine Tabelle zu verwenden, am Controller erzeugt wird, in asp.net mvc 3.

Und zeigen Sie es mit Kendo.ui Raster.

Allerdings habe ich den HTML-Code habe innerhalb der Zellen anstelle der HTML-Steuerelemente

Beispiel:

es in der Zelle angezeigt werden: <input checked="checked" class="check-box" disabled="disabled" type="checkb.. anstelle einem Eingang, der Code in der Ansicht ist @ html.input

oder <a href="/Admin/Edit">Edit</a> | <a href="/Admin/Details">Details</a> | <a href="/Adm anstelle eines Link (Code in der Ansicht ist @ Html.ActionLink)

Wie kann ich es hTML-Code codieren machen?

Das ist mein Skript:

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

    }); 
}); 

Dank

Answer 1

Die KendoUI Grid automatisch den Inhalt des Rasters codiert, das ist, warum Sie den Text <input type= ... statt der tatsächlichen Eingangskontrolle zu bekommen.

Sie können mit Verwendung der encoded Optionen (see documentation) die Codierung für eine bestimmte Spalte deaktivieren:

codiert: Boolean (default: true) angegeben, ob der Spalteninhalt entkommen ist. Deaktivieren Sie die Codierung, wenn die Daten HTML-Markup enthalten.

Sie müssen also so etwas wie:

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

Answer 2

You need to add the template feature of kendo grid. 

In the below code i have created a text box inside the cell of kendo grid. 


{ 
    field: "Total", 
    title: "Total", 
    width: "40px", 
    template: "<input type='text' class=\"quantity_total\" id='txtTotal_${ItemId}'  
       name='txtTotal_${ItemId}' maxlength='8' onkeypress = 'return 
       fnCheckNumeric_total(event,this.id)' />" 

}, 

Answer 3

in Modellgitter Kendo Bindung Razor HTML-Seite diesen Code verwenden

@Html.Kendo().Grid(Model).Name("GridName").Columns(col =>{ 
col.Bound(m => m.ID); 
col.Bound(m => m.Name); 
col.Template(@<text> 
     @Html.Raw(HttpUtility.HtmlDecode(item.Text)) 
    </text>); 
})