localStorage or sessionStorage + reset button about jplist-es6 HOT 6 OPEN

My temp solution:
function storage() { sessionStorage.removeItem('my-storage'); location.reload(); }
my-storage same value as storageName
storage() as onclick button

If there is better option, please comment :)

from jplist-es6.

Could you please recreate your scenario in https://codepen.io/ or other service so i could check this?

from jplist-es6.

Im also having this issue with deep linking. It works when the option is removed but with deep linking true, nothing happens.

from jplist-es6.

I know this is old, but I wanted to provide the solution for those who need it since it wasn't actually resolved here.

The reason this is a problem is because it's not clearing the storage before resetting the fields. After it resets the fields, it first reads from the storage, and then it sets the fields from the storage. You need to clear the storage first.

For Session Storage

sessionStorage.removeItem('my-storage');
jplist.resetControls();

For Deep Linking

location.hash = '';
jplist.resetControls();

from jplist-es6.

Hi @burkybang thanks for this help. We are having the same issue with deep linking. Can you please confirm where

location.hash = '';
jplist.resetControls();

should be put/how it should be used to get the reset working?

Thanks!

from jplist-es6.

@pmacswebteam No prob! It would go in a function for an onclick event just like @Sangvinikis said above.

Here are some examples of ways to achieve this:

<button type="button" onclick="location.hash=''; jplist.resetControls();">

Or:

<button type="button" onclick="resetControls();">Reset Controls</button>

<script type="text/javascript">
function resetControls() {
  location.hash = '';
  jplist.resetControls();
}
</script>

Or with jQuery:

<button type="button" id="reset-controls">Reset Controls</button>

<script type="text/javascript">
$('#reset-controls').on('click', function() {
  location.hash = '';
  jplist.resetControls();
});
</script>

from jplist-es6.