Kendo ligne de la grille de supprimer confimation

Salut, j'ai un Kendo grille avec le bouton supprimer sur chaque ligne. Quand je clique sur le bouton supprimer, il est demandé à la confirmation comme "Delete?" jusqu'ici tout va bien. Maintenant, je veux rattraper les événements, quand je clique sur oui ou maintenant.

Lorsque je clique sur oui veux afficher un message. Et quand je clique sur Non, je veux afficher un autre message.

Comment attraper ces événements dans le Kendo?

InformationsquelleAutor jestges | 2013-07-26
  1. 2

    UweB est correct, vous ne pouvez pas raccorder la détruire de l'événement. Il y a un exemple dans le Kendo UI Bibliothèque de Code pour rouler vos propres confirmation de la suppression.

    http://www.kendoui.com/code-library/web/grid/customize-the-delete-confirmation-dialog.aspx

    Liées exemple de code utilise le Kendo Fenêtre, et vous donne un moyen de gérer l'événement click pour à la fois oui et non. Si vous avez juste besoin d'un custom supprimer le message, voici un extrait de code:

    $("#grid").kendoGrid({
    columns: [
        {
            command: [{ name: "edit" }, {
                name: "Delete", imageClass: "k-icon k-i-close", click: function (e) {
                    e.preventDefault();
                    var dataItem = this.dataItem($(e.target).closest("tr"));
                    if (confirm('Do you really want to delete my favorite record?')) {
                        var dataSource = $("#grid").data("kendoGrid").dataSource;
                        dataSource.remove(dataItem);
                        dataSource.sync();
                    }
                }
            }], title: " ", width: "200px"
        }
    ]
});
    InformationsquelleAutor zacharydl
  2. 1

    Je ne crois pas qu'il est possible d'attraper ceux-ci, l'événement de destruction est construit et fonctionne "comme est".

    Cependant, il y a l'événement click (http://docs.kendoui.com/api/web/grid#configuration-columns.command.click) où vous pouvez créer une commande personnalisée qui affiche une boîte de dialogue de confirmation que vous avez à écrire (on pourrait par exemple utiliser le javascript intégré dans confirm() qui ne regarde pas assez, mais les travaux pour l'instant), où vous avez le plein contrôle au-dessus des boutons et des événements qu'ils incendie.

    • Hey je l'ai eu.. var check = confirm("etes-vous sûr?"); si (à vérifier) {} cela fonctionne pour moi
    InformationsquelleAutor UweB
  3. 0

    Je suis d'accord avec UweB, il n'y a pas de façon de façon de prendre de tels événements. Idéalement effectuer la suppression de dialogue vous-même à l'aide de KendoWindow, vous gagnerez plus de liberté et regarde comme la page de l'INTERFACE utilisateur.

    Essayer suivantes : http://jsfiddle.net/vojtiik/KZ6pj/8/

    Ajouter une commande :

     command: [{
            name: "delete",
            text: "delete",
            click: _handleDelete,
            imageClass: "ui-icon ui-icon-close"
        }],

    La Capture de l'élément sélectionné et passe le contrôle à la fenêtre:

      function _handleDelete(event) {
        dataitem = grid.dataItem($(event.currentTarget).closest("tr"));
        kWindow.open();
    };

    Faire vos trucs et supprimer:

       $('.yesbtn').click(function () {
        console.log('My message');
        grid.dataSource.remove(dataitem);  
        kWindow.close();
    });
    InformationsquelleAutor Vojtiik
  4. 0

    J'ai essayé tous les exemples ci-dessus n'a pas été en mesure de le résoudre.
    Simple

    //Add this line of code to the grid
   columns.Command(command => command.Custom("Remove").Click("removeItem"));
   //Java script function to remove
       function removeItem(e) {
        //Get the instance of the grid
        var grid = $("#grid").data("kendoGrid");
        //Get the selected grid
        var tr = $(e.target).closest("tr");
        //Get the item from the grid
        var data = this.dataItem(tr);
        //Remove the item from the datasource
        grid.dataSource.remove(data);
        //Sync it with the grid
        dataSource.sync();
   }
    InformationsquelleAutor Prathap Kudupu