Sheet-modal not always registering the closing of itsself

Questions
1

Hey developers,

I have a strange situation i’m trying to troubleshoot.

When i close my sheet-modal (wich opened when the user clicked a record in a ‘list media-list’)
the sheet will close, and 95% of the time, my current page refreshes (which is perfect). however. it doesn’t always refresh,

any tips on troubleshooting/improving how i implemented this?

this… is the last problem i have before i can go live…

  <div id="wsteEditSheet" class="sheet-modal" style="height: auto;">
    <div class="toolbar">
      <div class="toolbar-inner">
        <div class="left">
          <a onclick="refreshPage();" class="link sheet-close">Fertig</a>
        </div>
        <div class="right">
          <a onclick="nextScan();" class="link sheet-close">Nächste scan</a>
        </div>
      </div>
    </div>
    <div class="sheet-modal-inner">
      <div id="wsteEdit" class="block">
        edit sheet
      </div>
    </div>
  </div>

function refreshPage() {
    UpdateUrl(mainView.router.url)
}

function UpdateUrl(url) {
    //update current route
    mainView.router.navigate(url, {
        reloadCurrent: true
    });
}

also made it an object

var wsteEditSheet = app.sheet.create({
  el: '#wsteEditSheet.sheet-modal'
  ,on: {
    open: (sheet) => { }
    ,close: (sheet) => { }
  }
});
wsteEditSheet.backdropEl.onclick = () => {
  refreshPage();
};
2

Why don’t put refresh function into close event in the object ?

1 Like
3

by now i have implemented it in a different way, using the data-sheet attribute in the html element.
this way the close event of the sheet now works again like it’s supposed to.
i wasn’t aware that the sheet buttons had a sheet-close and a sheet-open class, i added this now and it seems to work so far.

thanks for your response ^^ i will keep this post up to date to see wether it actually fixed my problem

4

one sheet opened another sheet,
i changed this by now, but for example:

function nextScan() {
  wsteEditSheet.close();
  wsteScanSheet.open();
}

i might have found the solution to my problem, thanks :slight_smile:

1 Like