Kendo Ui 可滚动不工作答案

【问题标题】：Kendo Ui scrollable Not workingKendo Ui 可滚动不工作
【发布时间】：2017-03-16 05:18:21
【问题描述】：

我正在研究剑道 ui 的虚拟化，但它不工作我正在附加我的代码 sn-p 看看。

    $('#grid').kendoGrid({
            selectable: "multiple cell",
            allowcopy: true,
                    pageSize:2,
                    scrollable{
                            virtual:true,
                                            }
            columns: [
                { field: "Filename"  },
                { field: "Type"},
                { field: "UploadedBy"  ,title: "Uploaded By" },
                { field: "UploadedOn" , title: "Uploaded On"},
                { field: "FileLocationType" ,title:"File Location Type" },
                { field: "Size"  }
            ],
            dataSource: [

                { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ"  },
                { Filename: "tea", Type: "beverages", UploadedBy: "Ankit", UploadedOn: "March", FileLocationType: "Jar", Size: "XYZ" },
                { Filename: "tea", Type: "beverages", UploadedBy: "Ankit", UploadedOn: "March", FileLocationType: "Jar", Size: "XYZ" },
               { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ"  },
                { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ"  } ]     });

【问题讨论】：

标签： jquery kendo-ui kendo-grid kendo-asp.net-mvc scrollable

【解决方案1】：

您应该将pageSize 设置放在数据源中，如下所示：

dataSource: {
    pageSize: 2,
    data: [
        { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ"  },
        { Filename: "tea", Type: "beverages", UploadedBy: "Ankit", UploadedOn: "March", FileLocationType: "Jar", Size: "XYZ" },
        { Filename: "tea", Type: "beverages", UploadedBy: "Ankit", UploadedOn: "March", FileLocationType: "Jar", Size: "XYZ" },
        { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ"  },
        { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ"  }
    ]
}

【讨论】：