如何从gv_RowCommand调用弹出窗口登录 [英] How to call a popup login from gv_RowCommand
本文介绍了如何从gv_RowCommand调用弹出窗口登录的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
I'm going to create a form login as popup window from gridview_RowCommand.
This is my gridview html.
<%--Table Grid View--%>
<table class="TableContent" style="width:100%">
<tr>
<td valign="top">
<asp:gridView id="gvSenaraiP" CssClass="gridViewTable" autogeneratecolumns="False" allowpaging="True" Width="100%" EmptyDataText="Tiada Rekod"
OnRowCommand="gvSenaraiP_RowCommand" runat="server" PageSize="20">
<FooterStyle CssClass="gridViewFooter" />
<HeaderStyle CssClass="gridViewHeader" />
<AlternatingRowStyle CssClass="gridViewAlternating" />
<Columns>
<asp:BoundField DataField="ROWNUMBER" HeaderText="No." SortExpression="No." HeaderStyle-Width="2%" ></asp:BoundField>
<asp:TemplateField HeaderText="Nama Pelajar">
<ItemTemplate>
<asp:LinkButton ID="popup" DataTextField="SMP01_Nama" OnClick="popup_Click" runat="server" HeaderStyle-Width="15%" ></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="SMP01_NoMatrik" HeaderText="No. Matrik" SortExpression="No. Matrik" HeaderStyle-Width="15%"></asp:BoundField>
<asp:BoundField DataField="SKP01_TKhKaunseling" HeaderText="Tarikh" DataFormatString="{0:dd/MM/yyyy}" SortExpression="Tarikh" HeaderStyle-Width="15%"></asp:BoundField>
<asp:BoundField DataField="SKP01_KaunselingID" HeaderText="Hidden">
<ItemStyle CssClass="hidden" VerticalAlign="Top" />
<HeaderStyle CssClass="hidden" />
<FooterStyle CssClass="hidden" />
</asp:BoundField>
</Columns>
<FooterStyle CssClass="gridViewFooter" />
<HeaderStyle ForeColor="White" CssClass="gridViewHeader" />
<PagerSettings FirstPageText="<<" LastPageText=">>" Mode="NextPreviousFirstLast" NextPageText=">" PreviousPageText="<" />
</asp:gridView>
<AjaxToolkit:ModalPopupExtender ID="ModalPopupExtender1"
runat="server"
TargetControlID="Button1"
PopupControlID="Panel1"
PopupDragHandleControlId="PopupHeader"
BackgroundCssClass="ModalPopupBG"
OkControlID="btnSend"
CancelControlId="btncancel"
Drag="true">
</AjaxToolkit:ModalPopupExtender>
</td>
</tr>
</table>
Can you please help me, because I just copy and paste from this link
'http://codeverge.com/asp.net.web-forms/popup-form-gridview-button/410306'
推荐答案
试试这个
http://www.c-sharpcorner.com/UploadFile/cd7c2e/open-a-new-web-form-in-the-model-popup-of-Asp-Net-applicatio/ [ ^ ]
To solve this problem you need to change ScriptManager tag to ToolkitScriptManager just like below.
<asp:ScriptManager ID="scriptmanager" runat="server"></asp:ScriptManager>
To
<asp:ToolkitScriptManager ID="scriptmanager1" runat="server"> </asp:ToolkitScriptManager>
Here if you observe above code for ToolkitScriptManager I declared asp:ToolkitScriptManager here asp is a TagPrefix of AjaxControlToolkit reference
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
If you change the TagPrefix name you need to change your asp:ToolkitScriptManager to TagPrefixname:ToolkitScriptManager
试试这个
try this
<style type="text/css">
.black_overlay{
display:none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display:none;
position: absolute;
top: 25%;
left: 35%;
width: 35%;
padding: 0px;
border: 0px solid #a6c25c;
background-color: white;
z-index:1002;
overflow: auto;
}
.headertext{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#f19a19;
font-weight:bold;
}
.textfield
{
border:1px solid #a6c25c;
width:135px;
}
.button2
{
background-color:#a6c25c;
color:White;
font-size:11px;
font-weight:bold;
border:1px solid #7f9db9;
width:68px;
}
</style>
<div>
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">Click Here</a>
<div id="light" class="white_content">
<table cellpadding=0 cellspacing=0 border=0 style="background-color:Blue;" width="100%"><tr><td height="16px"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="close.gif" style="border :0px" width="13px" align="right" height="13px"/></a></td></tr>
<tr><td style="padding-left:16px;padding-right:16px;padding-bottom:16px">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color:#fff" width="100%">
<tr>
<td align="center" colspan="2" class="headertext" >Login Form </td>
</tr>
<tr><td> </td></tr>
<tr><td align="center">
<table><tr>
<td align="right">Username:</td><td><asp:TextBox ID="txtUser" runat="server" CssClass="textfield"></asp:TextBox>
</td>
</tr>
<tr><td height="10px"></td></tr>
<tr>
<td align="right">Password:</td>
<td><asp:TextBox ID="txtPwd" runat="server" CssClass="textfield"></asp:TextBox></td>
</tr>
<tr><td height="10px"></td></tr>
<tr>
<td> </td><td><asp:Button ID="Button1" runat="server" Text="Sign In" class="button2"/>
<asp:Button ID="Button2" runat="server" Text="Sign Up" class="button2" /></td>
</tr></table></td></tr>
<tr><td height="10px"></td></tr>
</table>
</td></tr>
</table>
<div align="center" class=" headertext">
<asp:Label ID="txtlbl" runat="server" ></asp:Label></div>
</div>
<div id="fade" class="black_overlay"></div>
</div>
and add template field in gridview
and add template field in gridview
<asp:TemplateField HeaderText="login" >
<ItemTemplate>
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">Click Here</a>
</ItemTemplate>
<HeaderStyle ForeColor="White" CssClass="gridviewcourseheader" />
</asp:TemplateField>
这篇关于如何从gv_RowCommand调用弹出窗口登录的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文