Click here to Skip to main content
Click here to Skip to main content

GridView with Edit Form (Template)

, 12 Feb 2008 CPOL
Rate this:
Please Sign up or sign in to vote.
Comfort editing of a GridView row.


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.


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.
  2. [PersistenceMode(PersistenceMode.InnerProperty), 
    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.

  3. And, the second thing is extracting the values:
  4. 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]);
               base.ExtractRowValues(fieldValues, row, includeReadOnlyFields, 

    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.


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


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Lukas Holota
Web Developer Barclays Capital
Czech Republic Czech Republic
- .NET Developer, currently working for Barclays Capital
- Student of Czech Technical University in Prague - Faculty of information technologies

Comments and Discussions

GeneralHow would you populate a dropdown? Pinmembersacredspirita16-Jun-11 3:17 
GeneralDB is missing from the download Pinmembersacredspirita16-Jun-11 3:05 
GeneralRe: DB is missing from the download Pinmembersacredspirita16-Jun-11 3:16 
GeneralUserControl as Edit Form PinmemberRaYWoLF6-Apr-09 23:12 
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?
GeneralRe: UserControl as Edit Form PinmemberLukas Holota9-Jun-09 10:25 
Generalnot saving changes for me Pinmemberblestab6-Oct-08 1:05 
AnswerRe: not saving changes for me PinmemberLukas Holota6-Oct-08 2:01 
GeneralGridView with Edit Form (Template) PinmemberDinesh N Samarathunga29-May-08 18:46 
GeneralRe: GridView with Edit Form (Template) PinmemberLukas Holota29-May-08 22:51 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.150326.1 | Last Updated 12 Feb 2008
Article Copyright 2008 by Lukas Holota
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid