如何控制劍道網格？

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