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

[Solved] Telerik MVC 3 GridView Ajax binding

6 Answers 159 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.

Michael asked on 02 Mar 2012, 09:21 AM

Hello, I have a little problem. It seems that the grid does not call the ajax binding when trying to sort / page / filter. It never gets called.
I'm using the Entity Framework Code first model.
Here is the code :

public ActionResult Index()

{

ICollection<Group> groups = prismaManager.GroupManager.Select();

return View(groups);

}

[Telerik.Web.Mvc.GridAction]

public ActionResult _Index()

{

ICollection<Group> groups = prismaManager.GroupManager.Select();

return View(new Telerik.Web.Mvc.GridModel

{

Data = groups

});

Here is the view that is called when accessing for the first time the Index page :

@model ICollection<Prisma.BO.Group>

@{

ViewBag.Title = "Groups";

}

<fieldset>

<legend class="noExpand">Groups</legend>

@{Html.RenderPartial("_Index", Model);}

</fieldset>

and the partial view that should render the grid :

@model ICollection<Prisma.BO.Group>

@{Html.Telerik()

.Grid<Prisma.BO.Group>()

.BindTo(Model)

.Name("Groups")

.Columns(columns =>

{

columns.Bound(g => g).Filterable(true).Groupable(true).Sortable(true);

columns.Bound(g => g.ShortName).Filterable(true).Groupable(true).Sortable(true);

columns.Bound(g => g.Number).Filterable(true).Groupable(true).Sortable(true);

})

.DataBinding(dataBinding =>

{

dataBinding.Server().Select("Index", "Group");

dataBinding.Ajax().Select("_Index", "Group");

})

.Sortable()

.Pageable()

.Filterable()

.Groupable()

.Footer(true)

.Render();

}

The layout file ( ~master page) :

<head>

@Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.min.css").Combined(true).Compress(true))

</head>

<body>

...

@Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true))

</body>

Unfortunately, I can't get it working.

Is something wrong in any of those file ?

Thanks for you help.

6 Answers, 1 is accepted

answered on 02 Mar 2012, 09:56 AM

Hi,

Why do you have 2 select mode?

Try this :

public ActionResult Index()

{

return View();

}

[Telerik.Web.Mvc.GridAction]

public ActionResult _Index()

{

ICollection<Group> groups = prismaManager.GroupManager.Select();

return View(new Telerik.Web.Mvc.GridModel

{

Data = groups

});

}





@{


    ViewBag.Title = "Groups";
}
<fieldset>
    <legend class="noExpand">Groups</legend>
        @{Html.RenderPartial("_Index");}
</fieldset>

@{Html.Telerik()

.Grid<Prisma.BO.Group>()

.Name("Groups")

.Columns(columns =>

{

columns.Bound(g => g);

columns.Bound(g => g.ShortName);

columns.Bound(g => g.Number);

})

.DataBinding(dataBinding =>

{

dataBinding.Ajax().Select("_Index", "Group");

})

.Sortable()

.Pageable()

.Filterable()

.Groupable()

.Footer(true)

.Render();

}

Simpler is better :)

Regards,

answered on 02 Mar 2012, 11:38 AM

I retried with a clean version of the current project.
It seems that the Ajax call is processed but now I'v ran into an other issue that this a serialization error.

With fiddler I can check the result of the request and this is what is mentioned :

A circular reference was detected while serializing an object of type 'System.Data.Entity.DynamicProxies.Group_91F0511435C0FA4494592BA47117B9B70C1A19AAFB464046824DA2E72C426DEE'.

So, does any of you have any idea that could solve this issue ?
I'm not really familiar with serialization things.

Thanks