Kendo UI Grid Speichern auf Zelle Blur

Ich versuche mein raster, um änderungen zu speichern wenn Sie die EINGABETASTE drücken oder verschieben aus einer Zelle (blur), und nicht die Schaltfläche speichern in einem raster-Symbolleiste.

Ich habe Probleme damit, es richtig zu arbeiten, mein PHP/SQL funktioniert gut, so bin ich sicher, es ist etwas falsch mit dem raster.

Hier ist mein code:

$("#grid").kendoGrid({
dataSource: {
    transport: {
        read: WEBROOT+"admin/fetch-toppers",
        update: {
            url: WEBROOT+"admin/update-topper",
            type: "POST"
        }
    },
    error: function(e)
    {
        alert(e.responseText);
    },
    schema: {
        data: "data",
        model: {
            id: 'id',
            fields: {
                "id": {nullable: true},
                "Date": {editable: false},
                "name": {editable: false},
                "price": {editable: true}
            }
        }
    }
},
columns: [{field: "Date", width: 105}, {field: "name", title: "Topper"}, {field: "price", title: "Price", width: 125}],
height: 550,
filterable: true,
sortable: true,
pageable: true,
editable: true,
navigatable: true,
edit: function()
{
    //this.saveChanges()
}
});

Ich habe versucht, viele Dinge und verschiedene Ereignisse, aber es hat keine Wirkung.

Wie ich es bekommen kann, um speichern Sie die Zelle Werte auf Unschärfe?

InformationsquelleAutor imperium2335 | 2012-12-23

In Ihrer Datenquelle hinzufügen:

change: function (e) {
                        if (e.action == "itemchange") {
                            this.sync();
                        }
                    },

sollte es so Aussehen:

dataSource: {
transport: {
    read: WEBROOT+"admin/fetch-toppers",
    update: {
        url: WEBROOT+"admin/update-topper",
        type: "POST"
    }
},
error: function(e)
{
    alert(e.responseText);
},
change: function (e) {
                        if (e.action == "itemchange") {
                            this.sync();
                        }
},
schema: {
    data: "data",
    model: {
        id: 'id',
        fields: {
            "id": {nullable: true},
            "Date": {editable: false},
            "name": {editable: false},
            "price": {editable: true}
        }
    }
}

Ausgezeichnet! Danke!!! Es gibt viele threads in der kendo-forum, die müssen sich das anschauen!

InformationsquelleAutor Rodney

Könnten Sie versuchen, und verwenden Sie die ändern Veranstaltung der dataSource zur Ausführung der sync - Methode der dataSource.

   $("#grid").kendoGrid({
dataSource: {
    transport: {
        read: WEBROOT+"admin/fetch-toppers",
        update: {
            url: WEBROOT+"admin/update-topper",
            type: "POST"
        }
    },
    change:function(){this.sync()},
    error: function(e)
    {
        alert(e.responseText);
    },
    schema: {
        data: "data",
        model: {
            id: 'id',
            fields: {
                "id": {nullable: true},
                "Date": {editable: false},
                "name": {editable: false},
                "price": {editable: true}
            }
        }
    }
},
columns: [{field: "Date", width: 105}, {field: "name", title: "Topper"}, {field: "price", title: "Price", width: 125}],
height: 550,
filterable: true,
sortable: true,
pageable: true,
editable: true,
navigatable: true,
edit: function()
{
    //this.saveChanges()
}
});

Wie kann ich in dem Kontext von dem, was ich habe?
Könnten Sie das bitte klären?
Wie ändere ich meinen code zu implementieren, was Sie vorschlagen? Ich habe alles versucht und es immer noch nicht funktioniert, aber es funktioniert gut mit einer Schaltfläche "änderungen speichern", aber das ist nicht das, was ich will.
Ich habe meinen Beitrag aktualisiert, überprüfen Sie die Zeile über die dataSource-error-Funktion
Habe es versucht, aber jetzt bekomme ich nur ein loader, der nie verschwindet.
Ich bin immer Object [object object] has no method 'sync'

InformationsquelleAutor Petur Subev

0

Gibt es eine viel einfachere Möglichkeit, dies zu erreichen: autoSync einstellen auf true Datenquelle: https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/configuration/autosync

InformationsquelleAutor jlchereau
-1

Können Sie auch anrufen, Ihre datasource-sync direkt aus dem Netz wie folgt (achten Sie darauf, setTimeout, als pro Telerik in diesem post)...
```
save: function () {
     setTimeout(function() {
          yourDatasource.sync();
     }
}
```
InformationsquelleAutor leojh

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.