在DataGrid中创建一个弹出式窗口.pdfVIP

在DataGrid 中创建一个弹出式窗口 这篇文章来自 DotNetJunkie 的提议。他最初写信要求我们提供一个关于如何创建在 DataGrid 中使用 HyperLinkColumn 的例子，可以在用户点击这一列后打开一个新窗口，显示出此列的详细内容。在此之前 我们曾经通过 email 回答他们，他建议我们将这个方法加入他们的指南中，于是，就有了这篇文章。像我 们原来的文章一样，它很简单，但是简单的包含代码的方法例可以更有效地启发开发者。 这个例子包含两个 WebForms 和一个 css 文件（所有的代码都可以下载）－－第一个 WebForm 包含一 个展示从 Northwind 库中读出的产品列表的 DataGrid ，hyperlink 的 states 设为“SeeDetails”,一旦这个链接被 点击，JavaScript 片段 Window.Open 方法就会被调用.用户想获得的关于产品的 ProductID 做为参数包含在 URL 中.包含另一个 DataGrid 的第二个Webforms 向用户列示他选中产品的所有具体细节。让我们来看一下 datagrid-open.aspx 和 datagrid-open.aspx.cs datagrid-open.aspx %@ Page language=c# Codebehind=datagrid-open.aspx.cs AutoEventWireup=false Inherits=study.datagrid_open % HTML HEAD titledatagrid-open/title meta name=GENERATOR Content=Microsoft Visual Studio 7.0 meta name=CODE_LANGUAGE Content=C# meta name=vs_defaultClientScript content=JavaScript meta name=vs_targetSchema content=/intellisense/ie5 /HEAD body center form runat=server ID=Form1 asp:datagrid id=DataGrid1 runat=server Font-Size=12 AutoGenerateColumns=False Columns asp:BoundColumn DataField=ProductID HeaderText=Product ID HeaderStyle-CssClass=HEADERSTYLE ItemStyle-CssClass=ITEMSTYLEDEFAULT / asp:BoundColumn DataField=ProductName HeaderText=Product Name HeaderStyle-CssClass=HEADERSTYLE ItemStyle-CssClass=ITEMSTYLEDEFAULT / asp:hyperlinkcolumn DataTextFormatString=Show Details... DataTextField=ProductID DataNavigateUrlField=ProductID DataNavigateUrlFormatString=javascript:var win = window.open(datagrid-show.aspx?ProductID={0},null,width=700,height=200); HeaderText=See Details HeaderStyle-CssClass=HEADERSTYLE ItemStyle-CssClass=ITEMSTYLEHYPERLINK / /Columns /asp:datagrid /form /center /body /HTML datagrid-open.aspx.cs using System; using System.Col