如何在使用JQuery显示弹出窗口时防止在asp按钮上回发
How to prevent postback on asp button while displaying a popup using JQuery
我的GridView中有以下ItemTemplate
:
<ItemTemplate>
<asp:Button UseSubmitBehavior="false" runat="server" ID="btnShow" CssClass="btnSearch" Text="View All" CommandName="ViewAll" OnClientClick="myfunction(); return false;" OnCommand="btnShow_Command" CommandArgument='<%#((GridViewRow)Container).RowIndex%>' />
</ItemTemplate>
对于ItemTemplate
,我有一个按钮,当使用以下JQuery点击时会打开一个弹出窗口:
$(document).ready(function () {
$(".btnSearch").click(function (e) {
e.preventDefault();
//centering with css
centerPopup();
//load popup
loadPopup();
});
});
function myfunction() {
}
我的Command
代码背后:
protected void btnShow_Command(object sender, CommandEventArgs e)
{
int index = 0;
if (e.CommandName == "ViewAll")
{
index = Convert.ToInt32(e.CommandArgument);
DataTable cacheTable = HttpContext.Current.Cache["ResultsTable"] as DataTable;
string column = cacheTable.Rows[index].Field<string>("Guideline");
string test = BookingResults.Rows[index].Cells[7].Text;
string html = HttpUtility.HtmlDecode(column);
ResultsDiv.InnerHtml = html;
//tbGL.Text = html;
//upData.Update();
//MessageBox.Show(index.ToString());
}
}
我添加了OnClientClick="myfunction(); return false;"
,因为每次单击它都会进行回发。如果我有多行,它只在我第一次点击时起作用,但之后的任何时候,当点击另一个或相同的按钮时,弹出窗口都不会显示。
我该如何解决它,以便无论单击哪个按钮,都会显示弹出窗口而不进行回发?
实际上,您还没有显示方法myfunction()的实现,如果my function()方法有任何语法错误,则OnClientClick事件将无效,它将向服务器发回/提交表单。
尝试从OnClientClick中删除调用,并使用类选择器在点击事件上实现您的逻辑,如下所示
$(document).ready(function () {
$(".btnSearch").click(function (e) {
e.preventDefault();
alert($(this).val() + " Clicked"); // you can put your method mymethod() here
// you can put youe popup logic here
return false;
});
});
您还可以看到这个js-fiddle 的例子
把它放在标签上或<%:Html.BeginForm%>标记
OnClientClick="return myfunction();
function myfunction(){
// you can put youe popup logic here
return false;
}
像这样使用你的按钮永远不会回邮。
相关文章:
- 客户端和服务器端调用 asp 按钮的问题
- asp:按钮和javascript弹出窗口
- OnClientClick没有'无法使用asp按钮
- 添加JavaScript onClick以动态生成asp按钮
- 在asp按钮控件上运行C#和Javascript函数
- 为什么asp按钮的java脚本click()函数在chrome浏览器中不起作用
- 有没有可能的方法可以在一次ASP按钮单击中同时显示JavaScript和服务器端代码中的消息
- 如何使用asp按钮保存tinymce
- 如何在网格视图中查询asp按钮文本以查看是否有任何文本值
- ASP 按钮 ID 在 JavaScript 中找不到“findbyelementID”
- 如何使用 jquery 或 javascript 切换网格视图模板化的 asp 按钮文本
- 在 Javascript 的客户端提交时验证 asp 按钮
- 在单击 HTML 按钮时取消隐藏 ASP 按钮
- ASP:按钮的更新进度
- 如何将asp按钮添加到动态生成的控件中
- 使用ASP按钮调用VB方法,然后调用Javascript函数'单击'
- 使asp按钮拖放
- 当asp:按钮在手风琴窗格中时,无法显示DIV
- 如何在使用JQuery显示弹出窗口时防止在asp按钮上回发
- ASP页面窗体操作不允许ASP按钮单击启动