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

[Solved] AJAX BINDING Problem

3 Answers 70 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.

3 Answers, 1 is accepted

answered on 02 Apr 2012, 08:25 AM

PageSize should not be send as select parameter (telerik grid have is own logic for that).

here a simple explain sample of ajax binding :

Html.Telerik().Grid<Order>() // => No Model give in the Grid method, you need to add the type of the Model instead 
        .Name("Grid")
        .Columns(columns =>
        {
            columns.Bound(o => o.OrderID).Width(100);
            columns.Bound(o => o.Customer.ContactName).Width(200);
            columns.Bound(o => o.ShipAddress);
            columns.Bound(o => o.OrderDate).Format("{0:MM/dd/yyyy}").Width(120);
        })
        .DataBinding(dataBinding => dataBinding.Ajax().Select("_AjaxBinding", "Grid")) // => The binding didn't need a lot of thing, 
//often you only need the action and the controller
        .Pageable(paging => paging.Style(pagerStyles).Position(position).PageTo(currentPage).PageSize(ViewBag.PageSize)) //if you want the PageSize define, define it here
        .Sortable()
        .Scrollable()
        .Groupable()
        .Filterable()

In the controller you need 2 methods :
- The "base" action to display the empty grid
- The ajax datasource to fill the grid

 public ActionResult AjaxBinding()
        {
	    ViewBag.PageSize = 20; // define the page size here
            return View();// no Model passed to the view
        }

        [GridAction]//=> don't forget the attribute to tell MVC that you want to let telerik grid address the result 
        public ActionResult _AjaxBinding()
        {
	    var data = GetOrders();


            return View(new GridModel<Order> //here we pass a GridModel object that contain the data (IEnumerable), the entire Total row count (int)

            {

                Data = data,
		Total = data.Count()

            });

        }

With that you can bind easily the grid.

if you problem is different, please give us some code or, better, a sample project.

Regards,