telerik-grille onRowSelect comment faire pour obtenir l'id?

Salut, je suis nouveau dans asp.net mvc et telerik controls. Comment puis-je obtenir de l'o.Valeur de l'Id quand je clique sur la ligne?

 <%= Html.Telerik().Grid(Model)                    
                    .Name("RolesGrid")
                    .DataKeys(keys => keys.Add(o => o.Id))                               
                    .Selectable()                    
                    .Columns(columns =>
                    {
                        columns.Bound(o => o.Name);
                        columns.Bound(o => o.Description);

                    })
                    .Pageable()                       
                    .ClientEvents(events => events                    
                    .OnRowSelect("onRowSelect"))

             %>

dans le code js:

 function onRowSelect(e)   {
        var ordersGrid = $('#RolesGrid').data('tGrid');  
        var row = e.row;
        var dataItem = ordersGrid.dataItem(row);
        alert(dataItem);
    }

Mais dataItem est nulle et il n'y a pas de valeur d'id dans le fichier html généré. Merci et désolé pour mon mauvais anglais

telerik.com/help/aspnet-ajax/grid-onrowselected.html "get_gridDataItem() n'est pas disponible directement sur le client, à moins que OnRowCreating/OnRowCreated événements sont accrochés. Ceci est fait pour l'optimisation de but. Si vous avez besoin de la rowIndex, vous pouvez utiliser eventArgs.get_itemIndexHierarchical()"

OriginalL'auteur Sanja Melnichuk | 2010-12-10

  1. 12

    Donc, après tout ce que j'ai la meilleure façon d'obtenir l'id est:

    1. lier onRowSelect fonction de votre grille

    2. écrire de code suivant dans onRowSelect

      var dataItem = jQuery('#MyGridId').data('tGrid').dataItem(e.row);     
alert(dataItem['Id']);

      dataItem est une carte de la sorcière ont toutes les propriétés de la grille de modèle, de sorte que vous obtenez tout ce que vous voulez

    C'est tout, merci

    Pouvez-vous clarifier ce qu'est le #Gridid et d'autres variables?
    Ahmed MyGridId son réseau identificateur (nom de grille lorsque vous déclarez telerik grille, e argument en OnRowSelect fonction)
    Dans la question, la grille semble être le côté serveur et côté serveur grille ne prennent pas en charge dataItem. C'est ce que j'ai lu de Telerik support technique...

    OriginalL'auteur Sanja Melnichuk

  2. 10

    De telerik grille de démonstration.

    Vous devez mettre l'Id dans la telerik de la grille comme une colonne masquée. 

    //...
.DataKeys(keys => keys.Add(o => o.Id))                               
.Selectable()
.Columns(columns =>
    {
        columns.Bound(o => o.Id).Hidden();
        columns.Bound(o => o.Name);
        columns.Bound(o => o.Description);
    })
//...
.ClientEvents(events => events.OnRowSelect("onRowSelect"))

    Il rendra un

    <td style="display: none; ...">...</td>

    Et puis, vous obtenez de cette façon:

    function onRowSelect(e)   {
    var id = e.row.cells[0].innerHTML;
    //...
}

    Notes:

    • Je sais, c'est moche.
    • Je ne sais pas pourquoi le telerik vous oblige à appeler la .DataKeys(...) méthode si il n'y a pas documenté manière à obtenir la valeur de la clé définie.
    • Si vous utilisez le groupement ou une autre caractéristique est qu'il est plus difficile, comme la colonne masquée position varie en fonction du regroupement arrangement.
    Merci pour la réponse malade le faire 2 mois auparavant, mais avec une méthode similaire ))
    Désolé pour la réponse tardive... je cherchais des problème similaire que j'ai eu quand je suis tombé sur cette question.
    Alors que les contrôles telerik pour asp.net sont puissants, parfois, la personnalisation de la plus complexe des échantillons peut s'avérer difficile. Cet exemple a été sur place. facile comme bonjour!
    J'ai quitté mon cachés id à la fin et a ajouté var id = e.ligne.les cellules[e.ligne.les cellules.longueur - 1].innerHTML; pour avoir toujours le dernier élément. Qui résout le problème avec le groupement de

    OriginalL'auteur mmutilva

  3. 1

    Je l'ai trouvé un peu plus élégante façon de le faire qui emprunte au large de mmutilva de réponse.

    Commencer par se mettre dans la colonne masquée et l'événement de modification de la même façon:

    .DataKeys(keys => keys.Add(o => o.Id))                               
.Selectable()
.Columns(columns =>
    {
        columns.Bound(o => o.Id).Hidden();
        columns.Bound(o => o.Name);
        columns.Bound(o => o.Description);
    })
.ClientEvents(events => events.OnRowSelect("onRowSelect"))

    Mais ensuite, dans la fonction javascript, il existe un meilleur moyen pour sélectionner l'objet, puis le caché ligne:

        function onRowSelect(e)   {
        var grid = e.sender;
        var currentitem = grid.dataItem(this.select());
        var Id = currentitem.Id;
        //then do whatever with the ID variable
    }

    Source

    OriginalL'auteur TatersGonnaT8

  4. 0

    Modifier la fonction onRowSelect:

    function onRowSelect(sender, args){...}

    L'expéditeur sera la grille, et à partir de la args vous pouvez déterminer quel élément a été sélectionné.

    Look à la Telerik site d'aide pour obtenir des informations détaillées sur la façon d'obtenir les données en utilisant le Côté Client de l'API:
    http://www.telerik.com/help

    Lorsque j'essaie de montrer de l'alerte(args); son appel en valeur indéfinie et dans l'aide, j'ai vu qu'un seul paramètre pour mvc grille OnRowSelect
    Apoligies... j'ai fait une grosse supposition que la grille de la syntaxe est la même que le contrôle AJAX. Je vais punt celui-ci à un MVC expert. J'ai lu un peu sur la grille sur la Telerik site et il semble que votre onRowSelect code est correct. Dans le code ci-dessus, je ne vois pas où vous avez lié la grille de données.
    Merci pour la réponse malade, essayez de regarder pour les données liées.
    ne devriez-vous pas la marque de votre réponse pour la suppression, alors?

    OriginalL'auteur ByteCrunchr