Email Password Remember me?  Lost your password?

• Download source - 3.34 KB

Introduction

When I got my new job, I found out that developers there were still thinking in .NET 1.1, so they used old methods or directly edited HTML in Render methods. One of the controls made in this terrible way was a GridView that used an edit form instead of a classic edit row, and I wanted to make it the new (and I hope, also the right) way.

Background

Let's start designing:

1. Get an ITemplate (bindable) of the edit form
2. Insert the template into the row instead of default cells with inputs
3. Extract the values on postback and use them to update the data source

Points of interest

The control itself is not complicated, so I will not describe all the code, I'll mention only the interesting parts.

1. I needed a bindable template that can extract the entered values back, so I used the IBindableTemplate and used it as the property.

[PersistenceMode(PersistenceMode.InnerProperty), 
    TemplateContainer(typeof(GridViewRow), 
    System.ComponentModel.BindingDirection.TwoWay)]
public IBindableTemplate EditItemTemplate
{
     set { _EditItemTemplate = value; }
     get { return _EditItemTemplate; }
}

The interesting thing about this snippet is the attribute. Ordinary ITemplates provide only one way, so we can not extract the inserted values back, that's why I used the IBindableTemplate and declared two way binding direction in the attribute.

2. And, the second thing is extracting the values:

protected override void ExtractRowValues(
    System.Collections.Specialized.IOrderedDictionary fieldValues, 
    GridViewRow row, bool includeReadOnlyFields, bool includePrimaryKey)
{
      if (_EnableTemplateEditing)
      {
          // Not working
          // fieldValues = _EditItemTemplate.ExtractValues(row.Cells[0]);
        
          // Working
          IOrderedDictionary dict = _EditItemTemplate.ExtractValues(row.Cells[0]);
          foreach (string s in dict.Keys)
              fieldValues.Add(s, dict[s]);
      }
      else
           base.ExtractRowValues(fieldValues, row, includeReadOnlyFields, 
               includePrimaryKey);
}

The strange thing is that you can not assign the IOrderedDictionary you get from the template to the fieldValues object even if fieldValues is empty. You have to add the values key by key, as shown.

To enable template editing, don't forget to set the EnableTemplateEditing property to true.

History

• 2/9/2008 - First version.
• 2/12/2008 - Download added.

You must Sign In to use this message board.

Per page 102550

FirstPrevNext

UserControl as Edit Form RaYWoLF 23:12 6 Apr '09   I'm using a usercontrol created by myself as EditItemTemplate on the TemplateGridView, but I'm having a little problem. When I click the edit button on the grid, the edit template appears and the Page_Load of my user control is executed. The problem is that every time the method is executed the IsPostBack property is true (is like it isn't a "first execution"). Is that normal? Sign In·View Thread·PermaLink Re: UserControl as Edit Form Lukas Holota 10:25 9 Jun '09   yes, this is normal, because clicking the edit button causes the postback, only the first run is not postback (the grid is usually in read-mode at that time) if you need some more help, send me piece of code and we'll see how I could help Have questions? try my e-mail l.holota[.at - sign.]hotmail.com Sign In·View Thread·PermaLink not saving changes for me blestab 1:05 6 Oct '08   the code doesnt seem to be updating anything into the db Sign In·View Thread·PermaLink Re: not saving changes for me Lukas Holota 2:01 6 Oct '08   try to test your page with an ordinary GridView, there is probably some problem with your DataSource, the gridview itself does not update the database (xml or whatever), it just calls the datasource's update method...also check the command name of your Update button in the template, it has to be set to Update, otherwise the update event is not raised and the data source is not called, if you still have problems, send me your page (or whole project) to my mail and I'll try to find the bug Have questions? try my e-mail l.holota[.at - sign.]hotmail.com Sign In·View Thread·PermaLink GridView with Edit Form (Template) Dinesh N Samarathunga 18:46 29 May '08   Hi Lukas, This is a grate work (GridView with Edit Form). I try to improve this with adding facility too. In aspx page I added a template column and add a button to it's header as follows. <asp:templatefield> <headertemplate> <asp:button id="Button1" runat="server" text="Add" commandname="Insert" __designer:wfdid="w4"> </headertemplate> added following override method to the TemplateGridView class protected override void OnRowCommand(GridViewCommandEventArgs e) { switch (e.CommandName) { case "Insert": GridViewRow newRow = base.CreateRow(-1, -1, DataControlRowType.DataRow, DataControlRowState.Insert); TableCell tableCell = new TableCell(); _EditItemTemplate.InstantiateIn(tableCell); tableCell.ColumnSpan = base.Columns.Count; newRow.Cells.Add(tableCell); Controls[0].Controls.AddAt(1, newRow); break; case "Cancel": string aa = e.GetType().ToString(); break; default: break; } base.OnRowCommand(e); } Above is working partially. When add button is pressed there will be a new row created at the 1st row and display template as u done in edit. But the problem is the buttons command event are not firing as happen in Edit Mode. Since I am very new to this ASP.NET. Please help me to improve this with Add feature. I could sent my complete test project if the attachment facility is available with this site. Is there any way to send an attachment to you. Thank You. Dinesh Sign In·View Thread·PermaLink 2.00/5 Re: GridView with Edit Form (Template) Lukas Holota 22:51 29 May '08   Hi, thanks, I'll take a look at that, I wanted to implement the adding functionality at the begining but I didn't have enough time and I usually use a FormView above gridview, but I think it won't take much time. You can use the mail in my signature to send me your project files. Lukas Have questions? try my e-mail l.holota[.at - sign.]hotmail.com Sign In·View Thread·PermaLink 2.00/5

Last Visit: 13:24 23 Nov '09     Last Update: 13:24 23 Nov '09 1