This is a migrated thread and some comments may be shown as answers.

[Solved] Paging on Scroll

11 Answers 107 Views

Grid

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Julien asked on 14 Dec 2011, 03:53 PM

Hi,

I'm testing some of your features.

I've the AdventureWorks database, I wish to display all employees in a grid, loading next employee on next scroll.

I tried to reproduce this: http://demos.telerik.com/aspnet-mvc/razor/grid/pageonscroll

But it doesn't work here:

@model IEnumerable<MvcTestApplication.Models.Employee>

@{

ViewBag.Title = "Index";

}

@{

Html.Telerik().Grid(Model)

.Name("Grid")

.Columns(columns =>

{

columns.Bound(o => o.ContactID);

columns.Bound(o => o.Contact.FirstName);

columns.Bound(o => o.Contact.LastName);

columns.Bound(o => o.BirthDate).Format("{0:dd.MM.yyyy}");

})

.DataBinding(dataBinding => dataBinding.Ajax().Select("_PageOnScroll", "Employee"))

.Pageable(paging => paging.Style(GridPagerStyles.Status).PageOnScroll(true))

.Render();

}

And I've in the controller

private AdventureWorksEntities db = new AdventureWorksEntities();

//

// GET: /Employee/

public ViewResult Index()

{

List<Employee> employeesWithoutCircular = GetEmployeesWithoutCircular();

return View(employeesWithoutCircular);

}

[GridAction]

public ActionResult _PageOnScroll()

{

return View(new GridModel<Employee>

{

Data = GetEmployeesWithoutCircular()

});

}

private List<Employee> GetEmployeesWithoutCircular()

{

List<Employee> employeesWithoutCircular = new List<Employee>();

foreach (Employee employee in db.Employees.Include("Contact"))

{

Employee emp = new Employee {BirthDate = employee.BirthDate, ContactID = employee.ContactID};

emp.Contact = new Contact() {FirstName = employee.Contact.FirstName, LastName = employee.Contact.LastName,};

emp.Contact.Employees = null;

employeesWithoutCircular.Add(emp);

}

return employeesWithoutCircular;

}

The first load is done, I've the 10 first results displayed, but after that, when i reach the end of the scroll, I don't even see any ajax call on the console of my browser(chrome).

The application is a empty default telerik MVC application, I just created this controller and this view in addition, and added a POCO entity.

I can't find the difference with your sample. I don't have any exception throwed., client or server side.

[Solved] Paging on Scroll

11 Answers, 1 is accepted