Kendo Grille équivalent de onEditComplete

Est-il un événement équivalent à onEditComplete de Kendo de la Grille où l'événement se déclenche qu'après le contenu de la cellule a été modifié?

La Documentation mentionne "modifier" de l'événement, mais il déclenche dès que la cellule passe en mode edit (Donc c'est l'équivalent de onBeginEdit).

Le plus proche de l'événement avec le comportement désiré que j'ai trouvé était le "sauver" de l'événement, mais cet événement ne se déclenche lorsque le contenu de la cellule a été modifiée. Je veux un événement qui se déclenche dès que la cellule est en dehors de la mode edit.

La grille de l'edit mode est réglé sur incell.

  • Étant donné que cette question semble être ouvert depuis maintenant trois ans, et Telerik ne donnent pas de solution officielle - avez-vous ouvert une demande de fonctionnalité de Telerik? Il y a un "itemChange" de l'événement dans la Grille, mais il est sans-papiers et elle ne vous dit pas le nom de la colonne.
InformationsquelleAutor l46kok | 2013-05-10
  1. 8

    En raison de la commentaire, j'ai supprimé ma réponse précédente - en utilisant le flou de l'événement sur les zones de saisie (ou autres éléments) semble fonctionner :

    Sur la grille.modifier un événement, utiliser jquery pour se lier à la zone de texte (ou de toute autre modification intégrée de contrôle)'s flou événement qui est déclenché lorsque le focus est perdu. Ajouter cela à la définition de la grille...et évidemment remplacer l'alerte avec votre code.

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

    J'ai testé en modifiant l'exemple inline modifier le code ici

    Ma source locale de l'édition - voir seulement le modifier un événement sur la grille def:

    <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>
    • J'ai lié la source de données à distance et en utilisant ce qui voudrait dire que l'événement est déclenché lorsque la source de données lui-même est modifié. Je veux la source de données pour être intact, j'ai juste besoin de l'évènement qui se déclenche si la cellule est en dehors de la mode edit.
    • j'ai réussi à accrocher dans le flou de l'événement sur la zone de texte, qui devrait déclenche uniquement lorsque la zone de texte perd le focus - je l'ai testé. si vous voulez brancher dans n'importe quel autre élément autre que la zone de texte, il suffit de changer le sélecteur jquery dans la grille.modifier le code d'événement - voir mon edit
    InformationsquelleAutor Quinton Bernhardt
  2. 8

    Utiliser le Enregistrer événement

    (déclenché lorsque le focus est déplacé à l'extérieur de la cellule en cours de modification et
    avant que la cellule est fermée)

    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.

    InformationsquelleAutor zomf
  3. 2

    Pourquoi n'utilisez-vous pas le "flou" de l'événement?

    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/

    • Cette réunion de travail pour la grille avec incell mode d'édition?
    • De ce que je sais il n'y a pas d'événements comme "onEditComplete". mais vous pouvez récupérer l'élément avec un sélecteur css et régler le flou de la fonction. Ceci: ".k-grille-contenu>table>tbody>tr>td" sera le sélecteur css pour demos.kendoui.com/web/grid/editing-custom.html
    InformationsquelleAutor user23031988
  4. 1

    Avez-vous essayé le Événement De Changement De

    "changement

    Déclenché lorsque l'utilisateur sélectionne une ligne d'un tableau ou d'une cellule dans la grille."

    Exemple - obtenir l'élément choisi(s) lors de l'utilisation de la sélection de cellules

    <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>
    • Encore une fois, comme spécifié explicitement dans l'OP, j'ai besoin d'un événement qui se déclenche lors de l'édition complète sur la cellule. Ce que vous avez suggéré est plus ou moins similaire à onBeginEdit. Ce dont j'ai besoin est onEditComplete.
    InformationsquelleAutor user23031988