Use HyperLinkFields when working with frames : HyperLinkField « Data Binding « ASP.NET Tutorial
- ASP.NET Tutorial
- Data Binding
- HyperLinkField
<%@ Page Language="C#" %>
<!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 id="Head1" runat="server">
<style type="text/css">
html
{
background-color:silver;
}
.content
{
width:500px;
margin:auto;
background-color:white;
}
.column
{
padding:10px;
float:left;
}
#FrameDetails
{
width:100%;
height:400px;
}
</style>
<title>Frame Master</title>
</head>
<body>
<form id="form1" runat="server">
<div class="content">
<div class="column">
<asp:GridView
id="grdProducts"
DataSourceID="srcProducts"
AutoGenerateColumns="false"
Runat="server">
<Columns>
<asp:HyperLinkField
HeaderText="Products"
DataTextField="Title"
DataNavigateUrlFields="Id"
DataNavigateUrlFormatString="FrameDetails.aspx?id={0}"
Target="FrameDetails" />
</Columns>
</asp:GridView>
<asp:SqlDataSource
id="srcProducts"
ConnectionString="<%$ ConnectionStrings:Products %>"
SelectCommand="SELECT * FROM Products"
Runat="server" />
</div>
<div class="column">
<iframe name="FrameDetails" id="FrameDetails"></iframe>
</div>
<br style="clear:both" />
</div>
</form>
</body>
</html>
File: FrameDetails.aspx
<%@ Page Language="C#" %>
<!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 id="Head1" runat="server">
<title>Frame Details</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DetailsView
id="dtlProduct"
DataSourceID="srcProductDetails"
Runat="server" />
<asp:SqlDataSource
id="srcProductDetails"
ConnectionString="<%$ ConnectionStrings:Products %>"
SelectCommand="SELECT Title, Director, InTheaters
FROM Products WHERE Id=@ProductId"
Runat="server">
<SelectParameters>
<asp:QueryStringParameter
Name="ProductId"
QueryStringField="id" />
</SelectParameters>
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
File: Web.config
<configuration>
<connectionStrings>
<add name="Products"
connectionString="Data Source=.\SQLEXPRESS;
AttachDbFilename=|DataDirectory|MyDatabase.mdf;Integrated Security=True;User Instance=True" />
</connectionStrings>
</configuration>