HOw to Build a Nested GridView Control with ASP.NET?

Answer Posted / swapna

The steps in creating Datagrid are

1) Create a new Web page in project.
2) Add a GridView to that page.
3) Define bound columns for every element of data in
datagrid.

4) Convert one or more bound columns into a template column
by clicking on the tag at the top-left corner of the
GridView.

5) select Edit columns from the smart menu, select the
field to convert, and click the link for converting a
bound column to a template column.

6) Close the Fields dialog.
7) Add a UserControl to your project.



8) Click the Smart tag on the GridView again and select
Edit Templates.

9) Drag and drop the UserControl from the solution explorer
to the ItemTemplate, remove the existing Label and TextBox,
and click Edit UserControl from the Smart tag menu.

10) Add a second GridView to the UserControl and you have
the basic design.



After completing all these steps Asp.net code looks like
this.



<%@ Page Language="VB" AutoEventWireup="false"
CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Src="Orders.ascx" TagName="Orders"
TagPrefix="uc2"%>

<%@ Register Src="OrdersControl.ascx"
TagName="OrdersControl" TagPrefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server"
Height="191px" Width="325px"
AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="CustomerID"
HeaderText="Customer ID">
<ItemStyle VerticalAlign="Top" />
<HeaderStyle Wrap="False" />
</asp:BoundField>
<asp:BoundField DataField="CompanyName"
HeaderText="Company Name">
<ItemStyle VerticalAlign="Top" />
<HeaderStyle Wrap="False" />
</asp:BoundField>
<asp:BoundField DataField="ContactName"
HeaderText="Contact Name">
<ItemStyle VerticalAlign="Top" />
<HeaderStyle Wrap="False" />
</asp:BoundField>
<asp:TemplateField HeaderText="Order Shipping
Details">
<EditItemTemplate>
&nbsp;
</EditItemTemplate>
<ItemTemplate>
<uc2:Orders ID="Orders1" runat="server"/>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
<HeaderStyle Wrap="False" />
</asp:TemplateField>
</Columns>
</asp:GridView>

</div>
</form>
</body>
</html>

Is This Answer Correct ?    15 Yes 10 No



Post New Answer       View All Answers


Please Help Members By Posting Answers For Below Questions

i have a gird with columns all are coming from database,this will bind in item templete in gridview as textboxex.and i have button below named Update.i want to update all the records in the grid,but if user change the value of one textbox,what is the easy way 2 do this

2133


How we use ajax in asp.net through javaScript. Please givee me an example.

2492


Code for Communicating over Sockets?

1934


how to create a search bar which access data from various websites and retrieves the data

2543


Coding for .NET Delegates?

2084






How to use Client-side Script to Focus Controls in ASP.NET?

2349


How to Bind Nested XML to a Repeater Control with Container.DataItem?

3211


Coding for Synchronizing Cache Access in ASP.NET?

3110


ArrayList declaration in .net

2737


Common UI for Multiple web applications. Suppose there are 35 websites using same third party controls.These 3rd party controls are made together that all 35 websites can use these controls.If we put all 3rd party controls and use its dll in 35 websites,only class files will be accessable. But I want to use CSS,images also in all 35 websites. how I can design the N-tier solution for this project.

2242


Code for Using Keyboard Events?

2121


Code for Document Validation in XML.NET?

1977


Code for Creating a Form Using PlaceHolder Controls?

2337


Code for Presenting Parent/Child Data in a Data Grid Row?

2098


how to track links visited in google using iframes

2269