如何控制剑道网格？

Question

如何控制剑道网格中出现多少行？ 房地产是有限的，所以我需要在一个非常紧凑的空间中获得很多信息。 我正在尝试将网格中的所有内容打包在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

config选项放置在错误的位置，并且“ pageSizes”的拼写错误，应为“ pageSize”，末尾没有“ s”。

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