New to Telerik UI for ASP.NET Core? Download free 30-day trial

ASP.NET Core Filter State Persistence

Loading Demo...

EXAMPLE

VIEW SOURCE
EDIT IN
- Telerik REPL

Also available for:

var filterWidget; window.demoComponentProperties = { sections: [{ label: 'State', controls: [ { type: 'button', label: 'Save State', onClick: function() { localStorage['kendo-filter-options'] = kendo.stringify(filterWidget.getOptions()); } }, { type: 'button', label: 'Load State', onClick: function() { var options = localStorage['kendo-filter-options']; if (options) { options = JSON.parse(options); options.dataSource = dataSource1; filterWidget.setOptions(options); filterWidget.applyFilter(); } } } ] }] };

Description

A common scenario is to save the user customization and settings when interacting with your app, and then restore them once he/she logs back at some point in the future.

The Kendo UI Filter provides the ability to save and restore changes that were previously applied to its structure, using its getOptions and setOptions client-side methods. You can use these methods to store settings and when needed to restore them. To demonstrate this functionality, we use localStorage key/value pair to save and load the filter state.

Additional Apps

This Filter example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

ASP.NET Core Filter State Persistence

Description

Additional Apps

Support & Learning Resources

Additional Resources