Kendo Grid equivalente di onEditComplete

Question

Esiste un evento equivalente a onEditComplete per Kendo Grid in cui l'evento viene attivato solo dopo che il contenuto della cella è stato modificato?

Documentation menziona l'evento "modifica", ma questo si attiva non appena la cella entra in modalità di modifica (quindi questo è equivalente a onBeginEdit).

L'evento più vicino con il comportamento desiderato che ho trovato era l'evento "salva", ma questo evento si attiva solo quando il contenuto della cella è stato modificato. Voglio un evento che si attiva non appena la cella esce dalla modalità di modifica.

La modalità di modifica della griglia è impostata su incell.

Answer 1

Così a causa del commento ho rimosso la mia risposta precedente - utilizzando l'evento blur sulle caselle di immissione (o altri elementi) sembra funzionare:

Sull'evento grid.edit, utilizzare jquery per associare all'evento di sfocatura della casella di testo (o qualsiasi altro controllo di modifica in linea) che viene generato quando lo stato attivo viene perso. Aggiungi questo alla definizione della griglia ... e ovviamente sostituisci l'avviso con il tuo codice.

edit: function (e) { 
     alert('Edit Fired'); 
     $('input.k-input.k-textbox').blur(function() { 
      alert('blur event called'); 
     }); 
    }, 

Ho provato questo modificando il codice di modifica in linea del campione here

mio pieno fonte locale della modifica - vedono solo l'evento di modifica sulla definizione della griglia:

<div id="example" class="k-content"> 
    <div id="grid"></div> 

    <script> 
     $(document).ready(function() { 
      var crudServiceBaseUrl = "http://demos.kendoui.com/service", 
       dataSource = new kendo.data.DataSource({ 
        transport: { 
         read: { 
          url: crudServiceBaseUrl + "/Products", 
          dataType: "jsonp" 
         }, 
         update: { 
          url: crudServiceBaseUrl + "/Products/Update", 
          dataType: "jsonp" 
         }, 
         destroy: { 
          url: crudServiceBaseUrl + "/Products/Destroy", 
          dataType: "jsonp" 
         }, 
         create: { 
          url: crudServiceBaseUrl + "/Products/Create", 
          dataType: "jsonp" 
         }, 
         parameterMap: function (options, operation) { 
          if (operation !== "read" && options.models) { 
           return { models: kendo.stringify(options.models) }; 
          } 
         } 
        }, 
        batch: true, 
        pageSize: 20, 
        schema: { 
         model: { 
          id: "ProductID", 
          fields: { 
           ProductID: { editable: false, nullable: true }, 
           ProductName: { validation: { required: true } }, 
           UnitPrice: { type: "number", validation: { required: true, min: 1 } }, 
           Discontinued: { type: "boolean" }, 
           UnitsInStock: { type: "number", validation: { min: 0, required: true } } 
          } 
         } 
        } 
       }); 

      $("#grid").kendoGrid({ 
       dataSource: dataSource, 
       pageable: true, 
       height: 430, 
       toolbar: ["create"], 
       // added in hook to here to bind to edit element events. 
       // blur is fired when an element loses focus 
       edit: function (e) { 
        alert('Edit Fired'); 
        $('input.k-input.k-textbox').blur(function (e) { 
         alert('blur event called'); 
        }); 
       }, 
       columns: [ 
        "ProductName", 
        { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "100px" }, 
        { field: "UnitsInStock", title: "Units In Stock", width: "100px" }, 
        { field: "Discontinued", width: "100px" }, 
        { command: ["edit", "destroy"], title: "&nbsp;", width: "172px" }], 
       editable: "inline" 
      }); 
     }); 
    </script> 
</div> 

Answer 2

Hai provato il Change Event

"cambiare

generato quando l'utente seleziona una riga di tabella o cella della griglia."

Esempio - ottenere il dato selezionato (s) quando si utilizza la selezione delle cellule

<div id="grid"></div> 
<script> 
function grid_change(e) { 
    var selectedCells = this.select(); 
    var selectedDataItems = []; 
    for (var i = 0; i < selectedCells.length; i++) { 
    var dataItem = this.dataItem(selectedCells[i].parentNode); 
    if ($.inArray(dataItem, selectedDataItems) < 0) { 
     selectedDataItems.push(dataItem); 
    } 
    } 
    // selectedDataItems contains all selected data items 
} 
$("#grid").kendoGrid({ 
    columns: [ 
    { field: "name" }, 
    { field: "age" } 
    ], 
    dataSource: [ 
    { name: "Jane Doe", age: 30 }, 
    { name: "John Doe", age: 33 } 
    ], 
    selectable: "multiple, cell" 
}); 
var grid = $("#grid").data("kendoGrid"); 
grid.bind("change", grid_change); 
</script> 

Answer 3

Perché non stai usando l'evento "sfocatura"?

http://www.kendoui.com/forums/ui/window/possible-to-close-window-when-it-loses-focus-.aspx

$("#window").blur(function(){ 
     if ($(document.activeElement).closest(".k-window").length == 0) { 
     $("#window").data("kendoWindow").close(); 
     } 
    }); 

http://api.jquery.com/blur/

Answer 4

utilizzare l'evento Save

(licenziato quando il focus si sposta al di fuori della cella in fase di modifica e prima che il cellulare è chiuso)

http://www.kendoui.com/forums/kendo-ui-web/grid/is-there-an-event-that-first-after-a-user-edits-a-cell-but-before-they-save-in-a-grid-with-batch-edit-and-incell-editing-.aspx.