Customize Gridview header

Is it possible to customize the gridview header row to the extent of putting a template field with a panel full of controls in it?  If so, how might I access that row for that purpose?
LVL 2
codequestAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

spdudeCommented:
Hi codequest

      I don’t think gridview is that flexible if you need a flexible control then try datalist instead of gridview. you can customize the header of datalist by clicking on the smart tags (small play button on top right of control) .and select header template

<asp:DataList ID="DataList1" runat="server" DataKeyField="empid" DataSourceID="AccessDataSource1"
                RepeatDirection="Horizontal" RepeatLayout="Flow" OnItemDataBound="DataList1_ItemDataBound">
               
<HeaderTemplate>
                    <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
                        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
                        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></asp:Panel>
                    <table>
                        <tr>
                            <td>empid:</td>
                            <td>name:</td>
                            <td>age:</td>
                            <td>dob:</td>
                            <td>salary:</td>
                        </tr>
                    </table>
                </HeaderTemplate>

 <ItemTemplate>
                    <table>
                        <tr>
                            <td>
                                <asp:Label ID="empidLabel" runat="server" Text='<%# Eval("empid") %>'></asp:Label></td>
                            <td>
                                <asp:Label ID="nameLabel" runat="server" Text='<%# Eval("name") %>'></asp:Label></td>
                            <td>
                                <asp:Label ID="ageLabel" runat="server" Text='<%# Eval("age") %>'></asp:Label></td>
                            <td>
                                <asp:Label ID="dobLabel" runat="server" Text='<%# Eval("dob") %>'></asp:Label></td>
                            <td>
                                <asp:Label ID="salaryLabel" runat="server" Text='<%# Eval("salary") %>'></asp:Label></td>
                        </tr>
                    </table>
                </ItemTemplate>
                <AlternatingItemStyle BackColor="Aqua" Font-Bold="False" Font-Italic="False" Font-Overline="False"
                    Font-Strikeout="False" Font-Underline="False" />
               
            </asp:DataList>


To acccess the contorls in header try following code


protected void Button1_Click(object sender, EventArgs e)
    {
       ((Label) DataList1.Controls[0].FindControl("label1")).Text="Hello Snehal";
    }
 

Regard
spdude

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
codequestAuthor Commented:
Thanks for input.   I'll investigate and get back to you.
codequestAuthor Commented:
spdude:  Actually, I found gridview has the same capability.   In the gridview smarttag, choose edit templates, and choose template header.   That starts it, and you can either edit there or directly in source.  

Since you got me started, if you'll respond acknowledging this post, I'll accept that as the answer.
Build an E-Commerce Site with Angular 5

Learn how to build an E-Commerce site with Angular 5, a JavaScript framework used by developers to build web, desktop, and mobile applications.

spdudeCommented:
Hi codequest

I tried your suggestion but I was not able to find header template for gridview. I don’t know how you got template header in edit templates.

But I you still wanna use grid view then I got one more trick
Make the ShowHeader="false" FOR gridview
Take a table add 2 rows in first row add the column header with panel
And in second row put the grid view


Good luck
spdude
      
      
codequestAuthor Commented:
Try

>  new asp.net website
>  new webform
>  add gridview
>  add new column > template field
>  add element to template field  (or not, didn't check)
>  then in template editing
    >  gridview tasks
    >  template editing mode
    >  display
        >  dropdown shows header template

the dropdown didn't show the header template until I added the new template column

spdudeCommented:

hey codequest

thanks for showing me the exact steps

i just love this site

what to do you think of my table solution ?


codequestAuthor Commented:
dude:  ditton on the site.  Table solution is good;  I started building my rows in vb.net code behind, though, and I'm hooked!
spdudeCommented:
can u paste some of your code ?
codequestAuthor Commented:
Mon pleasure.  Here's a simplified example (and note on why not perfect, yet)

http://forums.asp.net/thread/1252566.aspx

Luck!
codequestAuthor Commented:
Here's the setup in the datarowbound event for the gridview

Protected Sub XYZGridView_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles XYZGridView.RowDataBound

        Select Case e.Row.RowType
            Case DataControlRowType.DataRow              
                'get the row
                Dim wrkRow As DataRowView = CType(e.Row.DataItem, DataRowView)
               '  find the panel, and get it's controls  

                Dim wrkPanel As Panel = e.Row.Cells(0).Controls(0).FindControl("XZYPanel")
                Dim wrkPanelControls As ControlCollection = wrkPanel.Controls

                '  instatiate the build menu class
                Dim exeControls As New MyRowControls   ' a custom class

                ' put the row fields that will be used in the data structure  
               Dim gRow As New RowStructure
                exeControls.FillRowStructure(gRow, wrkRow)

                '  build the row
                exeControls.BuildRow(gRow, wrkPanelControls)

            Case DataControlRowType.Header
                (similar stuff, though no data structure is needed because the header row is built from static info)

The BuildRow method sorts out several cases, but eventually gets to the "add control" code cited in the message above.

RowStructure is a data structure I built so I can use the intellisense in the called methods, since DataRowView can't be typed.   I'm sure it's going to cost me when I scale up to 10,000,000 users.... :o)
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP.NET

From novice to tech pro — start learning today.