Kendo-Grid-Äquivalent zu onEditComplete

Question

Gibt es ein Ereignis, das äquivalent zu onEditComplete für Kendo Grid ist, wo das Ereignis erst ausgelöst wird, nachdem der Inhalt der Zelle bearbeitet wurde?

Documentation erwähnt "edit" -Ereignis, aber dieses wird ausgelöst, sobald die Zelle in den Bearbeitungsmodus wechselt (Dies entspricht also onBeginEdit).

Das nächste Ereignis mit dem gewünschten Verhalten, das ich gefunden habe, war das Ereignis "save", aber dieses Ereignis wird nur ausgelöst, wenn der Inhalt der Zelle geändert wurde. Ich möchte ein Ereignis, das ausgelöst wird, sobald die Zelle den Bearbeitungsmodus verlässt.

Der Editiermodus des Rasters wird auf incell gesetzt.

Answer 1

So aufgrund der Bemerkung, die ich meine vorherigen Antwort entfernt habe - das Unschärfe-Ereignis auf den Eingabefeldern (oder anderen Elementen) scheint zu funktionieren:

Verwenden Sie auf dem grid.edit -Ereignis jquery, um an das Textfeld (oder ein anderes Inline-Bearbeitungssteuerelement) zu binden, das ausgelöst wird, wenn der Fokus verloren geht. Fügen Sie diese an die Rasterdefinition an ... und ersetzen Sie die Warnung offensichtlich durch Ihren Code.

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

Ich habe dies getestet, indem die Probe inline bearbeitet Code zu ändern here

Meine volle lokale Quelle der Edit - nur das Bearbeitungs Ereignis auf dem Gitter def sehen:

<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

haben Sie die versucht Change Event

„

ausgelöst, wenn der Benutzer eine Tabellenzeile oder eine Zelle in dem Gitter auswählt ändern.“

Beispiel - das ausgewählte Datenelement (e) erhalten, wenn die Zellauswahl mit

<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

Warum Benutzt du das Ereignis "Unschärfe" nicht?

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

Verwenden der Save Ereignis

(ausgelöst, wenn der Fokus außerhalb der Zelle bewegt wird bearbeitet und bevor die Zelle geschlossen ist)

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.