項(xiàng)目有一個(gè)需求，需要將Grid的分頁(yè)，排序，過濾信息保存下來(lái)，并且在跳轉(zhuǎn)到該功能時(shí)自動(dòng)應(yīng)用
實(shí)現(xiàn)方式

// Action
 public IActionResult Index([DataSourceRequest] DataSourceRequest request)
 {
     ViewData["returnUrl"] = Request.GetEncodedUrl();
     return View(request);
 }

// extensions
public static GridBuilder<TModel> Init<TModel>(this GridBuilder<TModel> builder, DataSourceRequest request)
    where TModel : class
{
    var component = builder.ToComponent();
    var dataSource = component.DataSource;

    if (request != null)
    {
        dataSource.PageSize = request.PageSize > 0 ? request.PageSize : 20;
        dataSource.Page = request.Page;
        dataSource.GroupPaging = request.GroupPaging;

        if (request.Filters != null)
        {
            dataSource.Filters.AddRange(request.Filters);
        }

        if (request.Sorts != null)
        {
            dataSource.OrderBy.AddRange(request.Sorts);
        }
    }
    else
    {
        dataSource.PageSize = 20;
    }

    return builder;
}

// cshtml
@(
    Html.Kendo().Grid<VM>().Init(Model)
    )

<script>
    function getNewUrl(event) {
        event.preventDefault();
        var url = new URL(document.location.href);
        var grid = $('#gridId').data("kendoGrid")
        if (grid) {
            var dataSource = grid.dataSource;
            var options = dataSource.transport.setup({
                data: {
                    page: dataSource.page(),
                    pageSize: dataSource.pageSize(),
                    sort: dataSource.sort(),
                    filter: dataSource.filter(),
                    group: dataSource.group()
                }
            }, "read")
            var data = options.data;
            url.searchParams.set("page", encodeURIComponent(data.page));
            url.searchParams.set("pageSize", encodeURIComponent(data.pageSize));
            url.searchParams.set("sort", encodeURIComponent(data.sort || ""));
            url.searchParams.set("filter", encodeURIComponent(data.filter || ""));
            url.searchParams.set("group", encodeURIComponent(data.group || ""));
        }

        return url.pathname + url.search;
    }
</script>