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?
 
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
0
 
codequestAuthor Commented:
Thanks for input.   I'll investigate and get back to you.
0
 
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.
0
Cloud Class® Course: Microsoft Azure 2017

Azure has a changed a lot since it was originally introduce by adding new services and features. Do you know everything you need to about Azure? This course will teach you about the Azure App Service, monitoring and application insights, DevOps, and Team Services.

 
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
      
      
0
 
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

0
 
spdudeCommented:

hey codequest

thanks for showing me the exact steps

i just love this site

what to do you think of my table solution ?


0
 
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!
0
 
spdudeCommented:
can u paste some of your code ?
0
 
codequestAuthor Commented:
Mon pleasure.  Here's a simplified example (and note on why not perfect, yet)

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

Luck!
0
 
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)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.