Telerik Kendo ui grille de l'affichage html de cellules au lieu de html généré le contrôle

Je suis en train d'utiliser la nouvelle Kendo UI grille de asp.net mvc 3.

Je vais avoir du tableau le tableau est généré automatiquement à partir d'un contrôleur de asp.net mvc 3.

Et de l'afficher avec le Kendo.l'interface utilisateur de la grille.

Cependant, je vais avoir le code html à l'intérieur des cellules à la place de contrôles html

Exemple:

à afficher dans la cellule: <input checked="checked" class="check-box" disabled="disabled" type="checkb.. au lieu d'une entrée, le code de la Vue est @html.entrée

ou <a href="/Admin/Edit">Edit</a> | <a href="/Admin/Details">Details</a> | <a href="/Adm au lieu d'un lien ( en code dans la Vue est @Html.actionLink)

Comment puis-je le faire coder code html ?

C'est mon script:

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

    });
});

Grâce

Pouvez-vous poster le code Javascript dans lequel vous créez le kendoUI grille?
c'est mon script: $(document).ready(function() { $("#calendrierMatch").kendoGrid({ }); });

OriginalL'auteur dtjmsy | 2012-07-04

  1. 26

    La KendoUI la Grille automatiquement encode le contenu de la grille, c'est pourquoi vous obtenez le texte <input type= ... à la place de l'entrée de contrôle.

    Vous pouvez désactiver le codage pour une colonne donnée, avec l'aide de la encoded options (voir la documentation):

    codé: Booléen(défaut: true) Spécifié si le contenu de la colonne
    est échappé. Désactiver le codage de données contient des balises HTML.

    De sorte que vous besoin de quelque chose comme:

     $(document).ready(function(){
      $("#grid").kendoGrid({
      //...
        columns: [
           {
               field: "Column containing HTML",
               encoded: false
           }
        ]          
      });
 });
    Salut nemesv, merci pour vos conseils, je suis en utilisant $("#grid").kendoGrid() pour créer mon grille, les colonnes et les données sont directement à partir de la table sur la vue ( avec <thead> <tbody> ), afin d'utiliser l'encodage: faux option, cela signifie que pour chaque fois que j'ai besoin de déclarer toutes les colonnes de la table dans la kendoGrid appel ?
    Sur la base des documents dans la version actuelle il n'y a pas d'autre moyen pour activer le codage off à l'échelle mondiale. Donc, je crains que vous devez spécifier toutes les colonnes, et de désactiver l'encodage individuellement...
    J'ai essayé la dernière version bêta, et je peux obtenir maintenant le rendu au format html, cependant, ne peut pas trier les colonnes, même avec la sortable: véritable option, je peux voir les icônes up/down, mais quand en cliquant sur les résultats de rien, vous avez vu quelque chose de semblable ?
    Je n'ai pas essayé la beta encore, et je ne sais pas pourquoi le tri ne fonctionne pas, mais je pense que c'est une toute autre question.
    Merci quand même nemesv pour vos conseils précédents, il va m'aider à un moment ou à un autre

    OriginalL'auteur

  2. 1

    dans le modèle de liaison de kendo grille de Rasoir Page Html utiliser ce code

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

    OriginalL'auteur