Ember.js - Anweisungen zum löschen der Formular-Daten nach dem speichern den Datensatz?

Bin ich mit Ember App-Kit. Ich habe ein Formular, das nimmt ein student Namen und ich kann speichern Sie die Daten in eine Datenbank ohne problem. Das problem ist, die Daten (student name) behält auf dem Formular immer wenn ich Wechsel zurück zu dieser Strecke (http://localhost:8000/#/students/new) von einer anderen Seite. Wenn ich den Bildschirm aktualisieren, dann werden die Daten gelöscht und ich bekomme eine frische form. Was mache ich falsch?

Auch, wenn ich mich entschließe, nicht zu speichern, oder fügen Sie den Eintrag und gehen Sie auf die Liste der Studierenden, sehe ich einen leeren Datensatz auf dem Bildschirm. Datensatz nicht in der Datenbank aber. Wie kann ich das verhindern?

//--------------------------------------------
//Controller

var StudentsNewController = Ember.ObjectController.extend({
    init: function() {
        var newSystem = this.store.createRecord('student');
        this.set('newStudent', newStudent);
        this._super();
    },
    actions: {
        acceptChanges: function () {
            var self = this;
            self.get('newStudent').save().then(function(student){
                self.transitionToRoute('students');
            });
        }
    }
});

export default StudentsNewController;

//--------------------------------------------    
//Model

var Student = DS.Model.extend({
    name: DS.attr('string'),
    major: DS.belongsTo('major')

});

export default Student;

//--------------------------------------------    
//Template

    <form  {{action 'updateSystem' on="submit"}}>
        <fieldset>
                <div>
                    <label>Student Name</label>
                    {{input value=newStudent.name size="50"}}
                </div>
                <button {{action 'acceptChanges'}}>Add</button>
        </fieldset>
    </form>
  • Ist die information in der form gespeichert, wie eine auto-vervollständigen, oder ist der eingegebene Daten in das Formular eingegebenen Daten, so dass, wenn Sie klicken Sie auf Add Student Hinzugefügt werden, dass die Informationen?
  • Einen Benutzer geben, der die Eingabe (keine auto-Vervollständigung) und klickt auf "Hinzufügen", um zu speichern.
InformationsquelleAutor ACoder | 2014-01-20
  1. 8

    Versuchen, um den setup-controller in Sie route (hier) anstatt mit der init Methode im controller. Es ist eine der Routen Verantwortlichkeiten.

    Ich denke, das problem ist, dass Sie davon ausgehen, dass jedes mal, wenn Sie die Umstellung auf die StudentsNewRoute eine neue StudentsNewController erstellt wird, und somit die init - Methode aufgerufen wird.

    Die Wahrheit ist Ember erstellt der controller einmal und ändert den Inhalt auf der Grundlage der model und die setupController Haken. Also die init - Methode der controller-es ist einmal aufgerufen, und Sie am Ende mit dem gleichen Datensatz jedes mal, wenn Sie die Umstellung auf die route.

    Um dieses Problem zu lösen, du würdest so etwas tun:

    var StudentsNewController = Ember.ObjectController.extend({
    newStudent: null,
    actions: {
        acceptChanges: function () {
            this.get('newStudent').save().then((student) => {
                this.transitionToRoute('students');
            });
        }
    }
});
//--------------------------------------------
var StudentsNewRoute = Ember.Route.extend({

    model: function() {
        return this.store.createRecord('student');
    },

    setupController: function(controller, model) {
        controller.set('newStudent', model);
    },
});

    Ich hoffe, dies hilft Ihnen!

    • Ich folgte Ihrem Vorschlag, aber ich bekam diese Fehlermeldung: Assertion failed: Assertion failed: Nicht delegieren set('newStudent', <(Unterklasse von DS.Modell):ember488:null - >), die 'content' - Eigenschaft des Objekts proxy <appkit@controller:students/new::ember541>: sein 'Inhalt' ist nicht definiert. Der Aufbau der Datei ist: controllers/students/new.js routes/students/new.js Warum würde es beklagen, dass?
    • Ich habe den oben genannten Fehler aber behoben durch hinzufügen von "newStudent" in den controller. Die form ist klar, nachdem ein Datensatz gespeichert wird, oder kommen Sie zurück zu dieser Strecke. DANKE!
    • Gute Lösung, aber was tun Sie, wenn Sie Ihr Formular vom Benutzer ausgefüllt, die durch Bindungen an den controller und nicht vorab ausgefüllt, die von dem Modell? Ist es auch geeignet setupController um diese zu löschen gebundenen Variablen?
    InformationsquelleAutor edpaez
  2. 0
     actions: {
    acceptChanges: function () {
        var self = this;
        self.get('newStudent').save().then(function(student){
            self.set('newStudent','');
            self.transitionToRoute('students');
        });
    }
}
    • Danke @Stakoov. Einmal benutzte ich den code von edpaez über das Formular leert sich jedes mal, wenn ich dorthin gehen.
    • @Stakoov, dein code scheint nicht zu funktionieren für mich. Die Seite lädt in leer.
    • dann Fach festgelegt newStudent zu null
    InformationsquelleAutor Stakoov
Schreibe einen Kommentar