title: After closing the modal dialog refresh the base view
body: <p>suggestion and code sample</p>
  
  <p>I am new to Backbone marionette, I have a view ("JoinCommunityNonmemberWidgetview.js") which opens a modal dialog ("JoinCommunityDetailWidgetview.js").On closing of the dialog ( I want the view JoinCommunityNonmemberWidgetview.js")  to be refreshed again by calling a specific function "submitsuccess" of the view  JoinCommunityNonmemberWidgetview.js. 
  How can I achieve it. </p>
  
  <p>The code for the modal is as below:</p>
  
  <pre><code>define(
  
  [
      "grads",
      "views/base/forms/BaseFormLayout",
      "models/MembershipRequestModel",
      "require.text!templates/communitypagewidget/JoinCommunityWidgetDetailTemplate.htm",
  ],
  
  function (grads, BaseFormLayout, MembershipRequestModel, JoinCommunityWidgetDetailTemplate) {
      // Create custom bindings for edit form
  
      var MemberDetailbindings = {
          '[name="firstname"]': 'FirstName',
          '[name="lastname"]': 'LastName',
          '[name="organization"]': 'InstitutionName',
          '[name="email"]': 'Email'
      };
  
      var Detailview = BaseFormLayout.extend({
  
          formViewOptions: {
  
              template: JoinCommunityWidgetDetailTemplate,
              bindings: MemberDetailbindings,
              labels: {
                  'InstitutionName': "Organization"
              },
  
              validation: {
                  'Email': function (value) {
                      var emailconf = this.attributes.conf;
                      if (value != emailconf) {
                          return 'Email message and Confirm email meassage should match';
                      }
                  }
              }
  
  
          },
  
          editViewOptions: {
              viewEvents: {
                  "after:render": function () {
                      var self = this;
                      var btn = this.$el.find('#buttonSubmit');
                      $j(btn).button();
                  }
              }
          },
  
  
  
          showToolbar: false,
  
          editMode: true,
  
          events: {
              "click [data-name='buttonSubmit']": "handleSubmitButton"
          },
  
          beforeInitialize: function (options) {
  
              this.model = new MembershipRequestModel({ CommunityId: this.options.communityId, MembershipRequestStatusTypeId: 1, RequestDate: new Date() });
  
  
          },
  
          onRender: function () {
  
  
              BaseFormLayout.prototype.onRender.call(this)
          },
          handleSubmitButton: function (event) {
              this.hideErrors();
              //  this.model.set({ conf: 'conf' });
              this.model.set({ conf: this.$el.find('#confirmemail-textbox').val() });
              //this.form.currentView.save();
              //console.log(this.form);
              this.model.save({}, {
                  success: this.saveSuccess.bind(this),
                  error: this.saveError.bind(this),
                  wait: true
              });
          },
  
          saveSuccess: function (model, response) {
              var mesg = 'You have submitted a request to join this community.';
              $j('&lt;div&gt;').html(mesg).dialog({
                  title: 'Success',
                  buttons: {
                      OK: function () {
                          $j(this).dialog('close');
                      }
                  }
              });
              grads.modal.close();
  
          },
  
          saveError: function (model, response) {
             var msg = 'There was a problem. The request could not be processed.Please try again.';
              $j('&lt;div&gt;').html(msg).dialog({
                  title: 'Error',
                  buttons: {
                      OK: function () {
                          $j(this).dialog('close');
                      }
                  }
              });
  
          }
  
      });
  
      return Detailview;
  }
  </code></pre>
  
  <p>);</p>