[英]How to call a asp button controls click event from another html(client side) button Control?
I was working on ASP.NET Gridview row delete, it was working fine.but when I tried to add popup delete confirmation, some problem came. 我正在使用ASP.NET Gridview行删除,但工作正常。但是当我尝试添加弹出窗口删除确认时,出现了一些问题。
my delete button tag is: 我的删除按钮标签是:
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="btnDelete" runat="server" CssClass="CoolButtons" Text="Delete" CommandName="Delete" OnClick="btnEdit_Click" CommandArgument='<%# Container.DataItemIndex%>'/>
</ItemTemplate>
</asp:TemplateField>
Now,I hv added some script for popup.NOTE: I hv used hidden field to use the value for server side delete event. 现在,我为弹出窗口添加了一些脚本。注意:我使用隐藏字段来将值用于服务器端删除事件。
//***** 'Yes' button Click on Popup *****
$("#btnYes").click(function (e) {
HideDialog();
e.preventDefault();
});
//***** 'No' Button click on Popup *****
$("#btnNo").click(function (e) {
$('input[id="hdnConfirmDelete"]').val("no");
HideDialog();
e.preventDefault();
});
//***** 'Delete' Button click on server ****
$('input[value="Delete"]').click(function (e) {
ShowDialog(true);
e.preventDefault();
});
//**** Function to Open Dialog ***
function ShowDialog(modal) {
$("#overlay").show();
$("#dialog").fadeIn(300);
if (modal) {
$("#overlay").unbind("click");
}
else {
$("#overlay").click(function (e) {
HideDialog();
});
}
}
//**** Function to Close Dialog ****
function HideDialog() {
$("#overlay").hide();
$("#dialog").fadeOut(300);
}
Now the problem is the I m not able to trigger the OnClick="btnEdit_Click"
, I know its server side. 现在的问题是我无法触发
OnClick="btnEdit_Click"
,我知道它的服务器端。 Is there any way so that I can trigger the OnClick
event of delete button when I click the " Yes
" button on delete confirm dialog? 有什么方法可以使我在删除确认对话框上单击“
Yes
”按钮时触发删除按钮的OnClick
事件? NOTE: The dialog is made of simple HTML tags. 注意:该对话框由简单的HTML标记组成。
When you write e.preventDefault()
it prevents the button from it's original working means server side code execution. 当您编写
e.preventDefault()
它会使按钮无法正常工作,这意味着将执行服务器端代码。
so use this 所以用这个
$("#btnYes").click(function (e) {
HideDialog();
});
Remove the e.preventDefault(); 删除e.preventDefault();
Here is a link from where you can better understand 这是您可以更好地了解的链接
http://api.jquery.com/event.preventDefault/ http://api.jquery.com/event.preventDefault/
Edit 1:- 编辑1:-
use this 用这个
$("#btnYes").click(function (e) {
$('input[id="hdnConfirmDelete"]').val("yes");
HideDialog();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.