Hi Pratura,
Query 2: The same thing is with the grid when it's on virtualscrolling. It loads all the data (when debug Is this normal behaviour? Shouldn't the grid load only a few set of items and then load the rest as it scrolls?
We are unable to reproduce the issue at our end after rendering the Grid with virtual scrolling. Refer to the following code example and sample.
|
<div id="Grid"></div>
<script>
$(function () {
$("#Grid").ejGrid({
dataSource: ej.DataManager({
url: "/Home/Datasource",
adaptor: new ej.UrlAdaptor()
}),
allowScrolling: true,
scrollSettings: { height: 500, allowVirtualScrolling: true, enableVirtualization: true },
. . .
});
})
</script>
public ActionResult Datasource(DataManager dm)
{
IEnumerable data = new NorthwindDataContext().OrdersViews.ToList();
DataOperations operation = new DataOperations();
int count = data.AsQueryable().Count();
if (dm.Skip != 0)
{
data = operation.PerformSkip(data, dm.Skip);
}
if (dm.Take != 0)
{
data = operation.PerformTake(data, dm.Take);
}
return Json(new { result = data, count = count }, JsonRequestBehavior.AllowGet);
} |
VirtualScrolling works on the load on demand concept. At the initial render of the Grid, it will bind the current page data. Later, while scrolling the Grid, it will retrieve the data and bind them.
If you are still facing any issue with the Grid, please share the following information.
1) Code example of Grid and code behind
2) If possible, modify the attached sample and replicate the issue.
3) If you are using a remote data, please ensure the server-side paging has been handled.
Regards,
Dhivyalakshmi.
