asp.net mvc 3 - mvc - Telerik Kendo ui grid mostrando celda html en lugar de control html generado

kendo grid select row event

Question

Estoy tratando de usar la nueva grilla de Kendo UI de asp.net mvc 3.

Estoy teniendo una mesa, la tabla se genera automáticamente desde un controlador en asp.net mvc 3.

Y mostrarlo con la grilla Kendo.ui.

Sin embargo, estoy teniendo el código html dentro de las celdas en lugar de los controles html

Ejemplo:

se muestra en la celda: <input checked="checked" class="check-box" disabled="disabled" type="checkb.. lugar de una entrada, el código en la Vista es @ html.input

o <a href="/Admin/Edit">Edit</a> | <a href="/Admin/Details">Details</a> | <a href="/Adm <a href="/Admin/Edit">Edit</a> | <a href="/Admin/Details">Details</a> | <a href="/Adm <a href="/Admin/Edit">Edit</a> | <a href="/Admin/Details">Details</a> | <a href="/Adm lugar de un enlace (el código en la vista es @ Html.actionLink)

¿Cómo puedo hacer que codifique el código html?

Este es mi guion:

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

    });
});

Gracias

Answer 1

KendoUI Grid codifica automáticamente el contenido de la grilla, por eso obtiene el texto <input type= ... lugar del control de entrada real.

Puede desactivar la codificación de una columna determinada utilizando las opciones encoded (ver documentación) :

codificado: booleano (predeterminado: verdadero) Especificó si el contenido de la columna se escapó. Deshabilite la codificación si los datos contienen marcas HTML.

Entonces necesitas algo como:

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

Answer 2

en el modelo vinculante kendo grid Razor Html Page usa este código

@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>);
})

Answer 3

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)''  />"  

},