l'obtention de l'événement click dans une grille de kendo

Je vais essayer d'obtenir l'événement click pour un Kendo Grille de sorte que je peux lier des trucs à la touche maj et ctrl en cliquant sur. Je ne peux pas utiliser la inhérente multiselect Kendo offre, car il ne prend pas en charge le glisser-déposer. Quand j'ai créer une fonction après l'événement dataBound, ma fonction est appelée sur le clic, mais c'est pas le type d'événement click.

var onDataBound = function () {
    selectItem.apply(this);
}

grid.dataBound = onDataBound;

var selectItem.apply = function (e) {
    console.log(e);
}

Toute pensée? Merci à l'avance.

OriginalL'auteur Crystal | 2013-10-10

  1. 8

    Après l'initialisation de la Grid vous devez lier un gestionnaire de l'événement click.

    Exemple:

    $("#grid").on("click", "table", function(e) {
    console.log("clicked", e.ctrlKey, e.altKey, e.shiftKey);
});

    Vous pouvez utiliser:

    • e.ctrlKey pour la détection si ctrl est enfoncée.
    • e.altKey pour la détection si alt est enfoncée.
    • e.shiftKey pour la détection si maj est enfoncée.

    Si vous voulez détecter cliquez seulement dans le corps de la table, vous pouvez remplacer "table" par "tbody" ou même "td".

    Jsfiddle exemple.

    OriginalL'auteur OnaBai

  2. 2

    Utilisation dataBound événement lors de la déclaration de la grille:

    grid = $("#grid").kendoGrid({
    ...
    ,dataBound=onDataBound
});

var onDataBound = function(e)
{
    $("#grid").find("tr").click(selectItem.apply);
};

var selectItem.apply = function (e) {
    var dataItem = $("#grid").data("kendoGrid").dataItem(this);
    if(e.ctrlKey)
       alert('Ctrl + click on ' + dataItem.column1);
}

    dataItem est votre tenue élément de données que vous pouvez passer.

    Merci beaucoup pour cette! C'était ce dont j'avais besoin pour mon projet, et il est clair et lisible pour les futurs développeurs.

    OriginalL'auteur Mahmoodvcs

  3. 0

    Je sais que c'est assez vieux mais je crois qu'aucune des solutions couvert le fait que l'événement est en train d'être appliqué sur la table des en-têtes. Si vous avez de la table de filtres (par ordre croissant /décroissant) par exemple, cela pourrait causer des problèmes. La bonne façon d'ajouter de l'événement click est de viser le corps de table, de la manière suivante:

    $("#grid tbody").find("tr").click(addYourFunctionHere);

    OriginalL'auteur João Batista