????? 先簡述一下一下背景，最近有個項目中有一個頁面是關于工作人員大致情況的展示頁面，展示的信息放在一個gridview控件里面，控件里有一列為工作人員姓名，然后希望能達到點擊姓名彈出一個框顯示出此工作人員的所有詳細信息的效果。

????? 這里給出部分代碼。首先是前臺頁面，關于 姓名字段 采用的是LinkButton控件，當然你還可以采用別的方式部分代碼如下：

前臺代碼 1 <asp:GridView ID="GridView1" runat="server" Width="100%" AutoGenerateColumns="False" BorderWidth="0px" OnRowCommand="GridView1_RowCommand" CellPadding="3" CellSpacing="1" DataKeyNames="Autoid" PageSize="15" PagerStyle-HorizontalAlign="Left" OnRowDataBound="GridView1_RowDataBound" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging" 2 onselectedindexchanged="GridView1_SelectedIndexChanged" > 3 <RowStyle HorizontalAlign="center" /> 4 <Columns> 5 <asp:TemplateField HeaderText="姓名"> 6 <HeaderStyle Wrap="False" Width="100px" HorizontalAlign="Center" Font-Bold="False" Font-Size="9pt"/> 7 <ItemTemplate> 8 <asp:LinkButton runat="server" ID="btnName" Text='<%# Eval("cXm") %>' CommandName="detail"></asp:LinkButton> 9 </ItemTemplate> 10 </asp:TemplateField> 11 </Columns> 12 </asp:GridView>

???? 在后臺，要考慮的有幾點，關于GridView1_RowDataBound()，??

GridView1_RowDataBound 1 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) 2 { 3 if (e.Row.RowType == DataControlRowType.DataRow) 4 { 5 LinkButton Lbtn = (LinkButton)e.Row.FindControl("btnName"); 6 Lbtn.CommandArgument = this.GridView1.Rows.Count.ToString(); 7 } 8 }

????? 以上代碼中有CommandArgument這個屬性，先介紹下這個屬性，根據MSDN里面介紹CommandArgument是獲取或設置與關聯的CommandName屬性一起傳到Command事件處理程序的可選參數。CommandArgument屬性通常只在設置CommandName屬性時使用。

????? 例如此例中前臺的LinkButton設置屬性CommandName="detail"，在后臺中，把GridView展示結果的行數賦給CommandArgument。

????? 然后在GridView1_RowCommand()中可以知道點擊的是第幾行的LinkButton。

protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e) {//通過CommandArgument屬性傳遞參數GridViewRow objGVR = this.GridView1.Rows[Convert.ToInt32(e.CommandArgument.ToString())];// 得到行數int index = objGVR.RowIndex;// 得到dataKeyNameDataKey objDK = this.GridView1.DataKeys[index];if ((e.CommandName.ToLower() == "detail")){string js = "window.showModalDialog('WorkDetail.aspx?id=" + objDK["Autoid"].ToString() + "', 'newwin', 'status:no;help:no;dialogHeight:600px; dialogWidth:800px;');";ScriptManager.RegisterStartupScript(this.GridView1, this.GetType(), "showWorkerDetail", js, true);} }

???? 這樣便可以得到想要的效果了。

?????關于GridView1_RowCommand()還涉及到兩個知識點。

???? 一個是JS的window.showModalDialog()用來創建一個顯示HTML內容的模態對話框。其使用格式為：window.showModalDialog(sURL[,vArguments][sFeatures])，其中sURL用來指定對話框要顯示的文檔的URL；vArguments是可選參數，用來向對話框傳遞參數（傳遞的參數類型不限，包括數組等）；sFeatures是可選參數，類型是字符串，用來描述對話框的外觀等信息，可以使用以下的一個或幾個，用分號“;”隔開。
????? 然后另一個是ScriptManager.RegisterStartupScript()，他是向ScriptManager控件注冊一個啟動腳本塊并將該腳本塊添加到頁面中。其使用形式有兩種，一種為ScriptManager.RegisterStartupScript(Control control,Type type,String key?,String script,Boolean addScriptTags)，據MSDN里介紹：control是正在注冊該客戶端腳本塊的控件；type是該客戶端腳本塊的類型，通常使用typeof運算符(c#)或GetType運算符(VB)來指定該參數，以檢索正在注冊該腳本的控件的類型；key是該腳本塊的唯一標識符；script是注冊的腳本；addScriptTags是指如果用<script></script>括起腳本塊則為true；否則為false.

?????? 以上所用的參考資料：

?????? http://msdn.microsoft.com/zh-cn/library/system.web.ui.webcontrols.linkbutton.commandargument.aspx

???? http://www.cnblogs.com/zhangyi85/archive/2009/09/03/1559594.html

?????? http://msdn.microsoft.com/zh-cn/library/bb359558.aspx

轉載于:https://www.cnblogs.com/huang1990/archive/2013/05/10/3071207.html

總結

以上是生活随笔為你收集整理的asp.net中关于点击页面一个控件，弹出框的制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。