C# 如何在jquery中处理按钮的单击事件?
我有一个网格视图,其中有一个按钮feld,用于使用GridView_rowdeleding()事件删除网格视图中的特定行 所以当那一行被渲染时,它是这样的C# 如何在jquery中处理按钮的单击事件?,c#,jquery,asp.net,C#,Jquery,Asp.net,我有一个网格视图,其中有一个按钮feld,用于使用GridView_rowdeleding()事件删除网格视图中的特定行 所以当那一行被渲染时,它是这样的 <input type="button" value="Delete" onclick="javascript:__doPostBack('ctl00$ContentPlaceHolderBodyMasterPage$grdvwUsers','Delete$0')" class="delete" /> 请帮帮我,谢谢 还没有测试
<input type="button" value="Delete" onclick="javascript:__doPostBack('ctl00$ContentPlaceHolderBodyMasterPage$grdvwUsers','Delete$0')" class="delete" />
请帮帮我,谢谢 还没有测试过,但尝试一下
$(".delete").click(function() {
return confirm('Are you sure?');
});
…应该有效;) 在元素中定义一个处理程序:
<input type="button" value="Delete" onclick="javascript:__doPostBack('ctl00$ContentPlaceHolderBodyMasterPage$grdvwUsers','Delete$0')" class="delete" />
您必须将此操作放入jquery click函数中。问题是回发是在click处理程序之前执行的。以下方法可行,但很难看():
我建议将Ajax控制工具包中的Confirm Button Extender与最新版本的jQuery的API一起使用,它应该是这样的:
$("#myButton").on('click', function () {
// do stuff
});
我会将我的点击事件挂接到一个jQueryUI对话框弹出窗口,然后在确认时启动删除功能
$("#ConfirmDialog").dialog({
title: "Confirm",
modal: true,
resizable: false,
hide: "fade",
autoOpen: true,
width 100,
height: 100,
buttons:
{
"Yes Delete It":function(){
// Delete function here
$(this).dialog("close");
},
"No, Don't Delete":function() {
$(this).dialog("close");
}
}
});
这将允许您对弹出窗口进行更多的控制,使其看起来像站点的一部分,而不是javascript警报框。我怀疑u doPostBack函数正在执行并阻止代码执行。您可以使用装饰模式并包装现有的_udopostback,以确保您的代码在执行回发之前有机会执行
您必须为此使用jQuery吗?因为有一个使用Ajax控件工具包的解决方案?不管你绑定了什么jQuery,它都会回发,不是吗?@hunter-是的,你说得对,它会回发,不管jQuery代码有什么。谢谢大家,我找到了解决方案。哪个是?把它贴在这里供将来参考。不幸的是它没有。内联javascript首先执行。@lalibi-你说的“内联javascript首先执行”是什么意思?@Bibhu-内联javascript我的意思是
javascript:uuu doPostBack('ctl00$…','Delete$0')
它适用于链接按钮,因为它使用了“href”属性而不是“onClick”。)@lalibi-如果我使用上面的代码,它仍然在回发邮件,并且没有显示对话框。@Bibhu-在上面的代码中尝试'javascript:'
而不是'javascript:'
。它应该会起作用。
$("#myButton").on('click', function () {
// do stuff
});
$("#ConfirmDialog").dialog({
title: "Confirm",
modal: true,
resizable: false,
hide: "fade",
autoOpen: true,
width 100,
height: 100,
buttons:
{
"Yes Delete It":function(){
// Delete function here
$(this).dialog("close");
},
"No, Don't Delete":function() {
$(this).dialog("close");
}
}
});