Question

我正在使用ASP .NET MVC 4开发一个应用程序，它将使用Kendo网格将结果填充为摘要。我正在使用服务器端操作（分页，过滤和排序）。我曾经通过脚本生成网格，而不是使用kendo UI提供的MVC包装器。

我有一个场景，用户将从查询字符串本身提供过滤器。示例网址如下所示

http://localhost/Summary/Audit?Startime=19/02/1013&Endtime=12/01/2013&Name=User1

我能够获取和整理查询字符串并存储在内存位置。我需要在创建网格本身时将这些值作为过滤器集合（默认为控制器）传递。有没有办法实现上述场景？而且，当用户选择任何过滤器字段时，我需要在过滤器框（过滤器窗体）中填充这些值。感谢。

以下是我用来通过脚本

创建网格的方式

`var grid = $("#gridSummary").kendoGrid({
    dataSource: {
        type: "aspnetmvc-ajax",
        dataType: "json",
        transport: {
            read: "/Summary/GetAudit",
            parameterMap: function (data, type) {
                if (type == "read") {
                    if (data.filter) {
                        if (data.filter.filters) {
                            var FilterCol = "";
                            var coldelmtr = "<::>";
                            var rowdelmtr = "{::}";
                            for (var i = 0; i < data.filter.filters.length; i++) {
                                if (FilterCol.length > 0)
                                    FilterCol += rowdelmtr;
                                FilterCol += data.filter.filters[i].field + coldelmtr + data.filter.filters[i].value;
                            }
                        }
                    }
                    return {
                        page: data.page,
                        pagesize: data.pageSize,
                        filters: FilterCol
                    }
                }
            }
        },
        pageSize: 50,
        schema: { data: "Data", total: "Total",
            model: {
                fields: {
                    DateTime: { type: "date" },
                    Name: { type: "string" },
                    Action: { type: "string" },
                    On: { type: "string" },
                    Type: { type: "string" },
                    By: { type: "string" }
                }
            }
        },
        serverPaging: true,
        serverFiltering: true,
        serverSorting: false,
        serverAggregates: true
    },
    scrollable: {
        virtual: true
    },
    sortable: true,
    resizable: true,
    filterable: true,
    filterMenuInit: function (e) {
        if (e.field === "DateTime") {
            var firstValueDropDown = e.container.find("select[data-role='dropdownlist']:eq(0)").data("kendoDropDownList");
            //                firstValueDropDown.readonly();
            firstValueDropDown.wrapper.hide();

            var secondValueDropDown = e.container.find("select[data-role='dropdownlist']:eq(1)").data("kendoDropDownList");
            //secondValueDropDown.readonly();
            secondValueDropDown.wrapper.hide();

            var thirdValueDropDown = e.container.find("select[data-role='dropdownlist']:eq(2)").data("kendoDropDownList");
            thirdValueDropDown.select(1);
            //thirdValueDropDown.readonly();
            thirdValueDropDown.wrapper.hide();
        }
    },
    columns: columnsCollec
});`

Answer 1

您可以看看这个示例项目，该项目展示了如何使用ASP.NET MVC和Kendo UI（没有ASP.NET MVC包装器）实现服务器端分页，排序和过滤：https://github.com/telerik/kendo-examples-asp-net-mvc/tree/master/grid-crud

通过查询字符串在Kendo网格中的默认过滤器值

1 个答案: