JavaScript自定义事件触发问题

Question

I have a details view which contains 2 buttons for Create/Edit.

On click of these buttons, I display a modal popup

var modal = new MyAppModalView({
    model: person
});

modal.bind("afterSave", function(values) {
    self.showMessage('Sucessfully submitted for saving', false, true);
    return true;
});

Also within the Modal view code, I have:

if (isNew) {
//Create flow
    this.model.save(myJSON, {
        url: "myapp/persons/create",
        success: function() {
            self.trigger("afterSave");
            self.removeModal();
        }
    });
} else {
//Edit flow
    this.model.save(myJSON, {
        url: "myapp/persons/edit",
        success: function() {
            self.trigger("afterSave");
            self.removeModal();
        }
    });
}

Now after save for both Create/Edit, I trigger an event for afterSave

While the event is triggered for the Create flow, it does not get triggered for the Edit flow. I am not sure why does that happen?

I tried binding 2 separate evens for the modal (afterSave/afterUpdate) and triggering each for Create/Edit; still the trigger does not get called for Edit (afterUpdate)

---

The code is called within saveAction as below;

var MyAppModalView = BaseModal.extend({
....
saveAction: function(event) {
            var self = this;

}
});

Answer 1

You should not have to have a different URL to POST (create) and PUT (save) too. That would trim your code down to :

this.model.save(myJSON, {
    success: function() {
        self.trigger("afterSave");
        self.removeModal();
    }
});

If removeModal() is being called then "afterSave" is being triggered but your edit view is causing the afterSave message to not be shown somehow. You could replace your success message with an alert to verify that is the case.