ASP.NET MVC Tip #9 – Create a GridView View User Control

re: ASP.NET MVC Tip #9 – Create a GridView View User Control

Patrick — Mon, 29 Dec 2008 02:11:30 GMT

If you get the "Name __o is not been declared" error, check out this webpage. Good explanation for why it's occurring and how to fix it.

blogs.msdn.com/.../580165.aspx

re: ASP.NET MVC Tip #9 – Create a GridView View User Control

Diego Deberdt — Fri, 12 Dec 2008 18:55:21 GMT

I'm I just plain stupid? I implemented a view using a regular GridView that takes it's data from the ViewData.Model that is passed to it from the Controler. I bind the ViewData.Model data to the DataSource property and call DataBind(). Works like a charm - even when I set EnableViewState to False for all the user controls. I then put the GridView in an UpdatePanel to suppress the postback. Works like a charm! Please explain to me why I have to revert to writing all of the code above when I can get the same result (and more) in less than 5 minutes using a plain old DataGrid.

re: ASP.NET MVC Tip #9 – Create a GridView View User Control

Craig — Fri, 26 Sep 2008 22:24:37 GMT

This seems like major "tag-soup" when you could utilize the built-in GridView control by programatically creating it and calling the RenderControl method.

First, you create a RenderGridView method in your ViewPage's (or UserControl's) codebehind:

protected string RenderGridView()

{

var sw = new StringWriter();

var writer = new HtmlTextWriter(sw);

var grid = new GridView();

grid.DataSource = ViewData.Model;

grid.DataBind();

grid.RenderControl(writer);

return sw.ToString();

}

Then, in then the markup you call it:

<%=RenderGridView()%>

re: ASP.NET MVC Tip #9 – Create a GridView View User Control

Carl — Wed, 27 Aug 2008 06:12:48 GMT

The columns returned in the grid are in alphabetical order not the ordinal position specified in the query?

re: ASP.NET MVC Tip #9 – Create a GridView View User Control

Ernest Bariq — Sat, 19 Jul 2008 14:28:07 GMT

I modify it to look like the Tip 8

1st : GridView.ascx.cs

public partial class GridView : System.Web.Mvc.ViewUserControl<System.Data.Linq.ITable>

{

public GridViewOptions MyGridViewOptions {get; set;}

public string[] MyHeaders { get; set; }

// Show edit column?

public bool showEditColumn

{

get

{

return MyGridViewOptions.ShowViewButton || MyGridViewOptions.ShowEditButton || MyGridViewOptions.ShowDeleteButton;

}

// Get identity column name

protected string IdentityColumnName(ITable table)

{

return GridExtensions.GetIdentityColumnName(table);

}

...

2: GridView.ascx

<% foreach (object row in this.Rows)

{ %>

<% if (showEditColumn)

{

int identityValue = (int)DataBinder.GetPropertyValue(row, IdentityColumnName(ViewData.Model));

if (MyGridViewOptions.ShowViewButton)

{

<%= Html.ActionLink(MyGridViewOptions.ViewButtonText, MyGridViewOptions.ViewAction, MyGridViewOptions.ControllerName, new { Id = identityValue })%>

}

if (MyGridViewOptions.ShowEditButton)

{

<%= Html.ActionLink(MyGridViewOptions.EditButtonText, MyGridViewOptions.EditAction, MyGridViewOptions.ControllerName, new { Id = identityValue })%>

}

if (MyGridViewOptions.ShowDeleteButton)

{

<%= Html.ActionLink(MyGridViewOptions.DeleteButtonText, MyGridViewOptions.DeleteAction, MyGridViewOptions.ControllerName, new { Id = identityValue })%>

}

</small></td>

}

...

3rd: append GridExtensions.cs in "Helpers" folder

Question 1 : How to put it in Views/Shared

Question 2 : Custom Headers ???

re: ASP.NET MVC Tip #9 – Create a GridView View User Control

Ernest Bariq — Sat, 19 Jul 2008 12:53:15 GMT

I customize the Tips 8 to give a controller name to re use your grid on different controller

first pass the name from a page

this.ViewData["ControllerName"] = ((System.Web.Mvc.Controller)(this.ControllerContext.Controller)).RouteData.Values["controller"];

2nd modify grid options

public class GridViewOptions

{

private string _controllerName = "Home";

...

3rd modify contructors

public static string GridView(this HtmlHelper htmlHelper, ITable table, string controllerName)

{

var options = new GridViewOptions();

options.ControllerName = controllerName;

return GridView(htmlHelper, table, null, options);

4th modify render

if (options.ShowViewButton)

{

sb.Append(htmlHelper.ActionLink(options.ViewButtonText, options.ViewAction, options.ControllerName, new { Id = identityValue }));

But I think I have to do the same for this grid

Question 1: why not put it to the "Shared" folder to be a real User Control ?

Question 2: How to put the link botton again ?

Question 3: paging ? like in Used Cars by SingingEels.com

otherwise thank you very much for your blog

re: ASP.NET MVC Tip #9 – Create a GridView View User Control

Mike — Mon, 14 Jul 2008 08:09:22 GMT

Stephen，Thank you for this great blog.

I hava a question.

How to customize/rename the header property name in the gridview?

re: ASP.NET MVC Tip #9 – Create a GridView View User Control

Alan Stevens — Mon, 30 Jun 2008 01:18:28 GMT

@stephen That is unfortunate. At least I get linked here from other sources regularly. ;-)

++Alan

re: ASP.NET MVC Tip #9 – Create a GridView View User Control

swalther — Fri, 27 Jun 2008 14:40:28 GMT

@Alan - Thanks for the feedback. Unfortunately, a full feed is incompatible with Feedburner because of the length of some my blog entries. Feedburner kept blocking my feed until I switched to publishing excerpts.

re: ASP.NET MVC Tip #9 – Create a GridView View User Control

Alan Stevens — Fri, 27 Jun 2008 14:18:34 GMT

Stephen,

This is an interesting blog, and I would like to subscribe, but I do not follow partial feeds, ever. Please consider supplying an full feed to your content.

Regards,

++Alan