六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

在DataGrid中創建一個彈出式窗口

[摘要]這篇文章來自DotNetJunkie的提議。他最初寫信要求我們提供一個關于如何創建在DataGrid 中使用HyperLinkColumn的例子,可以在用戶點擊這一列后打開一個新窗口,顯示出此列的詳細內容。在此之前我們曾經通過email回答他們,他建議我們將這個方法加入他們的指南中,于是,就有了這...

這篇文章來自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>
<title>datagrid-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="http://schemas.microsoft.com/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.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace study
{
 /// <summary>
 /// datagrid_open 的摘要說明。
 /// </summary>
 public class datagrid_open : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.DataGrid DataGrid1;
  protected System.Web.UI.HtmlControls.HtmlForm Form1; 
  #region User Defined Code
  private void Page_Load(object sender, System.EventArgs e)
 {  
   if ( ! this.IsPostBack ) 
    this.BindData();
  }



  protected void BindData()
  {   
   SqlCommand cmd = new SqlCommand( "SELECT TOP 10 ProductID, ProductName FROM Products", con("Server=dwserver; DataBase=Northwind; User Id=sa; Password=123456"));  
   this.DataGrid1.DataSource = cmd.ExecuteReader(CommandBehavior.CloseConnection);
   this.DataGrid1.DataBind();  
  }  
  protected SqlConnection con(System.String ConnectionString )
  {   
   SqlConnection c = new SqlConnection( ConnectionString );
   c.Open(); 
   return c;  
  }
  #endregion



  #region Web Form Designer generated code
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN:該調用是 ASP.NET Web 窗體設計器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }  
  /// <summary>
  /// 設計器支持所需的方法 - 不要使用代碼編輯器修改
  /// 此方法的內容。
  /// </summary>
  private void InitializeComponent()
  {    
   this.Load += new System.EventHandler(this.Page_Load);
  }
  #endregion
 }
}

除了DataNavigateUrlFormatString外確實沒什么困難的,你可以注意到我實際上直接使用了一個javascript片段(注:你也可以簡單地創建一個.js文件或在WebForm中使用<script></script>),javascript如此普及,所以這里不再詳細講解。功能上,它打開一個新的窗口,帶ProductID查詢字串的datagrid_show.aspx,ProductID的值來自我們的數據源。我們可以看這兩個文件: 
datagrid_show.aspx
<%@ Page language="c#" Codebehind="datagrid-show.aspx.cs" AutoEventWireup="false" Inherits="study.datagrid_show" %>
<HTML>
<HEAD>
<title>datagrid-show</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="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body>
<P align="left">
<asp:DataGrid HeaderStyle-CssClass="HEADERSTYLE" ItemStyle-CssClass="ITEMSTYLEDEFAULT" runat="server" id="DataGrid1" Font-Size="8" Height="50" Width="675"></asp:DataGrid></P>
<p align="center">
<a href="javascript:window.close()">close window</a>
</p>
</body>
</HTML>

datagrid_show.aspx.cs
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace study
{
 /// <summary>
 /// datagrid_show 的摘要說明。
 /// </summary>
 public class datagrid_show : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.DataGrid DataGrid1; 
  #region User Defined Code
  private void Page_Load(object sender, System.EventArgs e)
  {
   if ( ! this.IsPostBack ) 
    this.BindData();
  }



  protected void BindData()
  {
   SqlCommand cmd = new SqlCommand( "SELECT * FROM Products WHERE ProductID = @ProductID", con("Server=dwserver; DataBase=Northwind; User Id=sa; Password=123456"));  
   cmd.Parameters.Add(new SqlParameter("@ProductID", SqlDbType.VarChar, 200));
   cmd.Parameters["@ProductID"].Value = Request["ProductID"].ToString();
   this.DataGrid1.DataSource = cmd.ExecuteReader(CommandBehavior.CloseConnection);
   this.DataGrid1.DataBind();
  }  



  protected SqlConnection con(System.String ConnectionString )
  {   
   SqlConnection c = new SqlConnection( ConnectionString );
   c.Open(); 
   return c;  
  }
  #endregion



  #region Web Form Designer generated code
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN:該調用是 ASP.NET Web 窗體設計器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }  
  /// <summary>
  /// 設計器支持所需的方法 - 不要使用代碼編輯器修改
  /// 此方法的內容。
  /// </summary>
  private void InitializeComponent()
  {    
   this.Load += new System.EventHandler(this.Page_Load);
  }
  #endregion
 }
}



其實很簡單的,朋友可以試試吧。



主站蜘蛛池模板: 亚洲成人xxx | 青草视频在线观看免费资源 | 日韩精品亚洲一级在线观看 | 一级毛片免费毛片一级毛片免费 | 日韩中文字幕在线视频 | 一级做a爰在线就看 | 日本综合在线 | 青青草色 | 五月深爱网 | 三级三级三三级a级全黄 | 色噜噜狠狠一区二区三区 | 亚洲图片在线欧美专区图片 | 亚洲区第一页 | 亚洲你我色 | 亚洲无砖砖区免费 | 亚洲日韩视频免费观看 | 天天爽天天狼久久久综合 | 日韩网站在线观看 | 特级黄色淫片 | 日产精品卡二卡三卡四卡乱码视频 | 亚洲国产成人精彩精品 | 亚洲a图 | 亚洲最大成人网色 | 午夜老司机永久免费看片 | 日本一区二区免费看 | 天天爱天天做久久天天狠狼 | 亚洲国产一成人久久精品 | 天天干天天插天天射 | 日产国产欧美韩国在线 | 色噜噜噜 | 亚洲 欧美 中文 日韩专区 | 日本www视频在线观看 | 青青草免费在线观看 | 天天干天天射天天爽 | 在线bt天堂网www在线下载 | 视频免费1区二区三区 | 深夜国产福利 | 亚洲福利视频网站 | 亚洲欧洲日韩在线 | 小黄鸭b站视频在线 | 天天摸日日添狠狠添婷婷 |