Jquery asp.net ModalPopupXtender SelectIndex在gridView中交换
我想在gridview中单击一行时制作一个make ModalPopupXtender。我花了很多时间。但没有成功 有没有直接的方法?如果是,请有人给我一个示例代码。 我认识到ModalPopupXtender需要一个按钮来执行。所以我尝试在一个按钮中启动click方法,并使弹出窗口成为我的窗口 但我收到了以下错误消息Jquery asp.net ModalPopupXtender SelectIndex在gridView中交换,jquery,asp.net,gridview,modalpopupextender,Jquery,Asp.net,Gridview,Modalpopupextender,我想在gridview中单击一行时制作一个make ModalPopupXtender。我花了很多时间。但没有成功 有没有直接的方法?如果是,请有人给我一个示例代码。 我认识到ModalPopupXtender需要一个按钮来执行。所以我尝试在一个按钮中启动click方法,并使弹出窗口成为我的窗口 但我收到了以下错误消息 错误43“ASP.admin\U creation\U aspx”不包含“clickbtn”的定义,并且找不到接受“ASP.admin\U creation\U aspx”类型的
错误43“ASP.admin\U creation\U aspx”不包含“clickbtn”的定义,并且找不到接受“ASP.admin\U creation\U aspx”类型的第一个参数的扩展方法“clickbtn”(是否缺少using指令或程序集引用?)
以下代码是我尝试过的
JavaScript
> <script type="text/javascript">
>
> function clickbtn() {
>
> var myButton = document.getElementById('btnHidden');
> myButton.click();
> }
>
> </script>
按钮事件
protected void btnHidden_Click(object sender, EventArgs e)
{
InquiryPopupControlExtender.Show();
}
这是我做的
模态弹出窗口
<%--========================== Modal Popup Starts =============================--%>
<ajaxToolKit:ModalPopupExtender ID="mpeDetails" runat="server" TargetControlID="btnPopDummyOpen"
PopupControlID="panelModalPopUp" CancelControlID="imgBtnPopupClose" BackgroundCssClass="modalBackground">
</ajaxToolKit:ModalPopupExtender>
<asp:Panel ID="panelModalPopUp" Style="display: none;" runat="server" Width="750px"
Height="450px" CssClass="modalBox">
<div style="border: 1px solid #6CC5CB;">
<div class="modalBoxCaption">
<div id="popuPHeaderLeft">
Print Bill
</div>
<div id="popuPHeaderRight">
<asp:ImageButton ID="imgBtnPopupClose" ImageUrl="~/Resources/Images/delete.png" runat="server" /></div>
</div>
<div>
<div id="popUpContent" style="margin: 0px; background-color: White; height: 380px;
overflow: auto; width: 100%;" runat="server">
</div>
<div style="height: 30px; padding: 5px 0px 5px 0px; background-color: White;" id="hide"
class="hide">
Your content goes here
</div>
</div>
</div>
<div style="display: none">
<asp:Button ID="btnPopDummyOpen" runat="server" />
</div>
</asp:Panel>
<%--========================== Modal Popup Ends =============================--%>
在按钮中使用CommandName,然后在rowcommand捕获按钮中单击eventuse jquery而不是javascript$(“#btnHidden”)。单击(函数(){alert(“Do Something:+inode”);});阅读这篇文章
protected void btnHidden_Click(object sender, EventArgs e)
{
InquiryPopupControlExtender.Show();
}
<%--========================== Modal Popup Starts =============================--%>
<ajaxToolKit:ModalPopupExtender ID="mpeDetails" runat="server" TargetControlID="btnPopDummyOpen"
PopupControlID="panelModalPopUp" CancelControlID="imgBtnPopupClose" BackgroundCssClass="modalBackground">
</ajaxToolKit:ModalPopupExtender>
<asp:Panel ID="panelModalPopUp" Style="display: none;" runat="server" Width="750px"
Height="450px" CssClass="modalBox">
<div style="border: 1px solid #6CC5CB;">
<div class="modalBoxCaption">
<div id="popuPHeaderLeft">
Print Bill
</div>
<div id="popuPHeaderRight">
<asp:ImageButton ID="imgBtnPopupClose" ImageUrl="~/Resources/Images/delete.png" runat="server" /></div>
</div>
<div>
<div id="popUpContent" style="margin: 0px; background-color: White; height: 380px;
overflow: auto; width: 100%;" runat="server">
</div>
<div style="height: 30px; padding: 5px 0px 5px 0px; background-color: White;" id="hide"
class="hide">
Your content goes here
</div>
</div>
</div>
<div style="display: none">
<asp:Button ID="btnPopDummyOpen" runat="server" />
</div>
</asp:Panel>
<%--========================== Modal Popup Ends =============================--%>
<asp:GridView ID="gridViewMaterialIn" runat="server" AutoGenerateColumns="false"
AllowPaging="true" OnPageIndexChanging="gridViewMaterialIn_PageIndexChanging"
OnRowCommand="gridViewMaterialIn_RowCommand" PageSize="15" OnRowEditing="gridViewMaterialIn_RowEditing"
OnRowDeleting="gridViewMaterialIn_RowDeleting" GridLines="None" Width="100%">
<Columns>
<asp:TemplateField ItemStyle-Width="10%" ItemStyle-HorizontalAlign="Center">
<HeaderTemplate>
<center>
Actions</center>
</HeaderTemplate>
<ItemTemplate>
<asp:ImageButton ID="imgBtnEdit" CommandName="Edit" ToolTip="Edit a record." CommandArgument='<%#Eval("MatInMain_Id") %>'
runat="server" ImageUrl="~/resources/Images/edit.png" />
<asp:ImageButton ToolTip="Delete a record." ID="imgBtnDelete" OnClientClick="return confirmDelete()"
CommandName="Delete" CommandArgument='<%#Eval("MatInMain_Id") %>' runat="server"
ImageUrl="~/resources/Images/delete.png" />
//======== On this button click i am opening my modal popup
<asp:ImageButton ToolTip="View & Print Bill." ID="ImageButtonViewDetails" CommandName="Print"
CommandArgument='<%#Eval("MatInMain_Id") %>' runat="server" ImageUrl="~/resources/Images/Print_Icon.png" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<EmptyDataTemplate>
<center>
<b>No Data Found !!!</b></center>
</EmptyDataTemplate>
</asp:GridView>
//=-=-=-= Row command event for Edit, Delete
protected void gridViewMaterialIn_RowCommand(object sender, GridViewCommandEventArgs e)
{
switch (e.CommandName)
{
case "Edit":
Response.Redirect("MaterialInward.aspx?Mat=" + e.CommandArgument.ToString().Trim());
break;
case "Delete":
ClassMaterialInwardMain.deleteMaterialIn(Convert.ToInt32(e.CommandArgument));
bindMaterialIn();
break;
case "Print":
popUpContent.InnerHtml = ClassMaterialInwardMain.getPrintableMaterialIn(Convert.ToInt32(e.CommandArgument));
mpeDetails.Show();
break;
}
}