Question

如何控制kendo网格中出现的行数？房地产是有限的，所以我需要在一个非常紧凑的空间有很多信息。我试图在300像素高的区域中将所有内容打包在我的网格中。

我遇到的问题是，在我的控制器中从我的MVC JsonResult返回的所有200多行数据都会在一个页面上同时显示。不完全是我正在寻找的东西。

代码在下面，如果有人对格式化剑道网格有点了解可能有帮助，我会很感激。

谢谢！

-RC

{}

        var RemoteJsonData_Call = new kendo.data.DataSource({
            transport:
            {
                read: {
                    type: "GET",
                    dataType: "json",
                    url: resourceURL_Call
                },
                pageSizes: 8,
                serverPaging: true
            },

            schema: {
                model: {
                    ScheduleData: {
                        extensionDataField: {
                            fields: {
                                ScheduleDate: { type: "date" },
                                ScheduleAmount: { type: "number" },
                                SchedulePrice: { type: "number" },
                                ScheduleNotes: { type: "string" }
                            }
                        }
                    }
                }
            }
        })

        $('#callSched').kendoGrid({
            height: '300',
            sortable: true,
            reorderable: true,
            resizable: true,
            pageable: {
                numeric: true,
                refresh: true,
                pageSizes: true,
                previousNext: true,
                input: true,
                info: true
            },
            columns: [
               {
                   field: "ScheduleDate",
                   title: "Date",
                   template: "#= kendo.toString(kendo.parseDate(ScheduleDate, 'MM-dd-yyyy'), 'MM-dd-yyyy') #"
               },
                {
                    field: "ScheduleAmount",
                    title: "Amount",
                },
                {
                    field: "SchedulePrice",
                    title: "Price"
                },
                {
                    field: "ScheduleNotes",
                    title: "Notes"
                }
            ], dataSource: RemoteJsonData_Call
        });

{}

Answer 1

问题是你已经定义了分页是在服务器中完成的。你应该说：

serverPaging: false

或者只是默认值为false。

使用此选项，您应该有一个网格，其中包含height选项中指定的像素数（在您的示例中为300像素）。您的示例中的其他选项是正确的。

Answer 2

您在此处设置的服务器分页和页面大小不正确：

    var RemoteJsonData_Call = new kendo.data.DataSource({
        transport:
        {
            read: {
                type: "GET",
                dataType: "json",
                url: resourceURL_Call
            },
            pageSizes: 8,
            serverPaging: true
        },

应该是：

    var RemoteJsonData_Call = new kendo.data.DataSource({
        transport:
        {
            read: {
                type: "GET",
                dataType: "json",
                url: resourceURL_Call
            }
        },
        pageSize: 8,
        serverPaging: true

配置选项位置错误，“pageSizes”拼写错误，应该是“pageSize”，最后没有“s”。

http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-pageSize

如何控制剑道网格？

2 个答案: