javascript - 从 jquery ui 模态表单调用主干视图函数

Question

MyPage.Views.Content = Backbone.View.extend({
    loadPage: function() {
        //populate jquery grid
    }

    addUserPhoto:function(){
        //open jquery ui modal form where user can 
        //upload image. 
    }
})

jquery ui对话框关闭

$('#dialog').html('');
$('#dialog').dialog('close');

我想loadPage在 jquery ui 对话框关闭时调用该函数。我试过这个

addUserPhoto:function(){
    //open jquery ui modal form where user can 
    //upload image. 

    //close dialog
    this.loadPage();
}

但这并没有调用该loadPage函数。

Answer 1

根据文档close，您可以在实例化对话框插件时为事件指定回调。

addUserPhoto:function(){

    var self = this;

    // Specify a callback for the dialog close event 
    // when you instantiate the plug-in
    $('#dialog').dialog({
        close: function(event, ui) {
            // Load page on dialog close
            self.loadPage();
        }
    });
}