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

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

前臺代碼 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>

???? 在后臺，要考慮的有幾點，關(guān)于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這個屬性，先介紹下這個屬性，根據(jù)MSDN里面介紹CommandArgument是獲取或設(shè)置與關(guān)聯(lián)的CommandName屬性一起傳到Command事件處理程序的可選參數(shù)。CommandArgument屬性通常只在設(shè)置CommandName屬性時使用。

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

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

protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e) {//通過CommandArgument屬性傳遞參數(shù)GridViewRow objGVR = this.GridView1.Rows[Convert.ToInt32(e.CommandArgument.ToString())];// 得到行數(shù)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);} }

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

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/huang1990/archive/2013/05/10/3071207.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。