grid not displaying in mvc razor

Question

I have attached my application . let me know where i did wrong.

vidhya · Answer

I used like this grid.Column("AssignmentName", "Assignment", format: @ @Html.ActionLink(item.AssignmentName, "Details", new { id = item.AssignmentID }, null) ), But i get this error. how do i rectify it? Compiler Error Message: CS1502: The best overloaded method match for 'System.Web.Helpers.WebGrid.Column(string, string, System.Func , string, bool)' has some invalid arguments

vidhya · Answer

How do i change this code according to grid.column where x is Model.Assignemnts @if (x.ProjectConnected == true) { @x.CourseProjectName (Milestone: @Html.ActionLink(x.CourseProjMilestoneName, "Details", "PrjMgmt", new { id = x.CourseProjectId }, null)) } else { - }

Iftikar Hussain · Answer

you can set style by using css. Regards, Iftikar

vidhya · Answer

I got it. I changed like this grid.Bind(Model.Assignments, rowCount: Model.Assignments.Count, autoSortAndPage: true); but the design is not clear.

Iftikar Hussain · Answer

is your Model is a list or not? Regards, Iftikar

vidhya · Answer

i am getting the error Compiler Error Message: CS1502: The best overloaded method match for 'System.Web.Helpers.WebGrid.Bind(System.Collections.Generic.IEnumerable , System.Collections.Generic.IEnumerable , bool, int)' has some invalid arguments

Iftikar Hussain · Answer

try like this @{ var grid1 = new WebGrid(null, rowsPerPage: 5, selectionFieldName: "selectedRow",ajaxUpdateContainerId: "gridContent"); grid.Bind(Model, rowCount: Model.Count, autoSortAndPage: true); grid.Pager(WebGridPagerModes.NextPrevious);} @grid.GetHtml(tableStyle: "webGrid", headerStyle: "header", alternatingRowStyle: "alt", selectedRowStyle: "select", columns: grid.Columns( grid.Column("AssignmentName", "Assignment"), grid.Column("DueDateTime", "Due Date") )); } Regards, Iftikar

vidhya · Answer

I am integrating the code in my application i am getting this error. CS1502: The best overloaded method match for 'System.Web.Helpers.WebGrid.WebGrid(System.Collections.Generic.IEnumerable , System.Collections.Generic.IEnumerable , string, int, bool, bool, string, string, string, string, string, string, string)' has some invalid arguments in the line var grid = new WebGrid(Model, canPage: true, rowsPerPage: 5, selectionFieldName: "selectedRow",ajaxUpdateContainerId: "gridContent"); i added this in my application .webGrid { margin: 4px; border-collapse: collapse; width: 500px; background-color:#FCFCFC;} .header { background-color: #C1D4E6; font-weight: bold; color: #FFF; } .webGrid th, .webGrid td { border: 1px solid #C0C0C0; padding: 5px; } .alt { background-color: #E4E9F5; color: #000; } .gridHead a:hover {text-decoration:underline;} .description { width:auto} .select{background-color: #389DF5} @{ var grid = new WebGrid(Model, canPage: true, rowsPerPage: 5, selectionFieldName: "selectedRow",ajaxUpdateContainerId: "gridContent"); grid.Pager(WebGridPagerModes.NextPrevious);} @grid.GetHtml(tableStyle: "webGrid", headerStyle: "header", alternatingRowStyle: "alt", selectedRowStyle: "select", columns: grid.Columns( //grid.Column("Assignment", format: (item) => item.GetSelectLink(item.AssignmentName)), grid.Column("Assignment", "AssignmentName"), grid.Column("Due Date", " DueDateTime") ))

Iftikar Hussain · Answer

then refer the below link http://www.codeproject.com/Tips/615776/WebGrid-in-ASP-NET-MVC4 Regards, Iftikar

vidhya · Answer

s absoultely.

Iftikar Hussain · Answer

are you using MVC4? Regards, Iftikar

vidhya · Answer

If the assembly version is 1 it works fine but i am using version 2. what to do. Index .webGrid { margin: 4px; border-collapse: collapse; width: 300px; } .header { background-color: #E8E8E8; font-weight: bold; color: #FFF; } .webGrid th, .webGrid td { border: 1px solid #C0C0C0; padding: 5px; } .alt { background-color: #E8E8E8; color: #000; } .person { width: 200px; font-weight:bold;} Given Name How Old? 1 2 > Jack 30 Riley 40 William 17 Oliver 56 Lachlan 25 It displays like this if i use version=2. how to rectify it.

Iftikar Hussain · Answer

Hi, You can use WebGrid instead of Jquery Grid. http://www.dotnetcurry.com/ShowArticle.aspx?ID=615 Regards, Iftikar

grid not displaying in mvc razor

Answers (13)