如何在页面刷新时保留网格过滤器和排序 [英] how to preserve grid filter and sorting on page refresh

问题描述

我的页面上有可过滤的剑道网格..我想在页面刷新时保留选定的过滤器和排序，以及用户再次从另一个页面进入该页面时...我已经尝试过以下代码...但是在写完之后代码过滤器也不起作用...



//代码

i have filterable kendo grid on my page.. i want to preserve selected filter and sorting on page refresh and also when user comes again on that page from another page...i have tried following code..but after writing that code filters are also not working...

//code

function dataBound(e) {           
            var gview = $("#grid").data("kendoGrid");          
            var dataSource = this.dataSource;
            var state = kendo.stringify({
                page: dataSource.page(),
                pageSize: dataSource.pageSize(),
                sort: dataSource.sort(),
                group: dataSource.group(),
                filter: dataSource.filter()
            });

            $.cookie("customerState", state);

            if ($.cookie('customerRows')) {
                $.each(JSON.parse($.cookie('customerRows')), function () {
                    var item = dataSource.get(this);
                    alert(item); //not giving this alert
                    var row = grid.tbody.find('[data-uid=' + item.uid + ']');
                    row.addClass('k-state-selected');
                });
            }
        }

            function onChange(e) {
                var grid = $("#grid").data("kendoGrid");
                var ids = grid.select().map(function () {
                    return grid.dataItem($(this)).Id;
                }).toArray();
                $.cookie('customerRows', JSON.stringify(ids));
            }

            function parseFilterDates(filter, fields) {
                if (filter.filters) {
                    for (var i = 0; i < filter.filters.length; i++) {
                        parseFilterDates(filter.filters[i], fields);
                    }
                }
                else {
                    if (fields[filter.field].type == "date") {
                        filter.value = kendo.parseDate(filter.value);
                    }
                }
            }

            function onDataBinding() {

                    }

            $(document).ready(function () {
                var grid = $('#grid').data("kendoGrid");

                var state = JSON.parse($.cookie("customerState"));
                if (state) {
                    if (state.filter) {
                        parseFilterDates(state.filter, grid.dataSource.options.schema.model.fields);
                    }
                    grid.dataSource.query(state);
                }
                else {
                    grid.dataSource.read();
                }
            })

推荐答案

（ ＃grid）。data（ kendoGrid< /跨度>）;
var dataSource = this .dataSource;
var state = kendo.stringify（{
page：dataSource.page（），
pageSize：dataSource.pageSize（），
sort：dataSource.sort（），
group ：dataSource。 group （ ），
filter：dataSource.filter（）
}）;

("#grid").data("kendoGrid"); var dataSource = this.dataSource; var state = kendo.stringify({ page: dataSource.page(), pageSize: dataSource.pageSize(), sort: dataSource.sort(), group: dataSource.group(), filter: dataSource.filter() });

.cookie（ < span class =code-string> customerState，state）;

if （

.cookie("customerState", state); if (

.cookie（' customerRows'））{

.cookie('customerRows')) {

这篇关于如何在页面刷新时保留网格过滤器和排序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！