Hello,
I copied the code for the grid in the examples section of the BETA release into a Visual Studio .aspx page. However, when I use the scroll bar on the right to scroll to the bottom of the grid, it stops me every few hundred rows or so, and I have to start scrolling again.
The funny thing is, when I create a blank .html page in a folder on my computer, it runs fine. I only get this problem when I put the code into Visual Studio.
Any ideas?
Here is my code:
I copied the code for the grid in the examples section of the BETA release into a Visual Studio .aspx page. However, when I use the scroll bar on the right to scroll to the bottom of the grid, it stops me every few hundred rows or so, and I have to start scrolling again.
The funny thing is, when I create a blank .html page in a folder on my computer, it runs fine. I only get this problem when I put the code into Visual Studio.
Any ideas?
Here is my code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Kendo2.aspx.cs" Inherits="VSKendo.Kendo2" %><%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %><!doctype html><html><head> <!-- meta --> <!-- meta --> <title>Grid virtualization using remote data</title> <!-- css --> <link href="Styles/kendo.examples.css" rel="stylesheet" /> <link href="Styles/kendo.common.css" rel="stylesheet" /> <link href="Styles/kendo.kendo.css" rel="stylesheet" /> <!-- css --> <!-- script --> <script src="Scripts/kendo.jquery.js" type="text/javascript"></script> <script src="Scripts/kendo.core.js" type="text/javascript"></script> <script src="Scripts/kendo.data.js" type="text/javascript"></script> <script src="Scripts/kendo.data.odata.js" type="text/javascript"></script> <script src="Scripts/kendo.draganddrop.js" type="text/javascript"></script> <script src="Scripts/kendo.grid.js" type="text/javascript"></script> <script src="Scripts/kendo.groupable.js" type="text/javascript"></script> <script src="Scripts/kendo.pageable.js" type="text/javascript"></script> <script src="Scripts/kendo.people.js" type="text/javascript"></script> <script src="Scripts/kendo.sortable.js" type="text/javascript"></script> <!-- script --></head><body> <form id="Mainform" runat="server"> <!-- nav --> <!-- nav --> <!-- description --> <div class="description"> Grid virtualization using remote data</div> <!-- description --> <div id="example" class="k-content"> <script> $(document).ready(function () { $("#grid").kendoGrid({ dataSource: { type: "odata", serverPaging: true, serverSorting: true, pageSize: 100, transport: { } }, height: 280, scrollable: { virtual: true }, sortable: true, columns: ["OrderID", "CustomerID", "ShipName", "ShipCity"] }); }); </script> <div id="grid"> </div> </div> <!-- tools --> <!-- tools --> </form></body></html>