小编典典

使用JavaScript的ASP.NET回发

javascript

我有几个div利用jQuery可拖动的小。这些div放置在中UpdatePanel,并且在dragstop上使用_doPostBack()JavaScript函数。我从页面表单中提取必要的信息。

我的问题是,当我调用此函数时,整个页面将重新加载,但我只想重新加载更新面板。


阅读 431

收藏
2020-05-01

共1个答案

小编典典

这是一个完整的解决方案

asp.net页的整个表单标签

<form id="form1" runat="server">
    <asp:LinkButton ID="LinkButton1" runat="server" /> <%-- included to force __doPostBack javascript function to be rendered --%>

    <input type="button" id="Button45" name="Button45" onclick="javascript:__doPostBack('ButtonA','')" value="clicking this will run ButtonA.Click Event Handler" /><br /><br />
    <input type="button" id="Button46" name="Button46" onclick="javascript:__doPostBack('ButtonB','')" value="clicking this will run ButtonB.Click Event Handler" /><br /><br />

    <asp:Button runat="server" ID="ButtonA" ClientIDMode="Static" Text="ButtonA" /><br /><br />
    <asp:Button runat="server" ID="ButtonB" ClientIDMode="Static" Text="ButtonB" />
</form>

页面代码隐藏类的全部内容

Private Sub ButtonA_Click(sender As Object, e As System.EventArgs) Handles ButtonA.Click
    Response.Write("You ran the ButtonA click event")
End Sub

Private Sub ButtonB_Click(sender As Object, e As System.EventArgs) Handles ButtonB.Click
    Response.Write("You ran the ButtonB click event")
End Sub
  • 包含LinkBut​​ton以确保__doPostBack javascript函数呈现给客户端。仅具有Button控件将不会导致呈现此__doPostBack函数。此功能将通过在大多数ASP.NET页上具有各种控件来呈现,因此通常不需要空链接按钮

这是怎么回事?

向客户端呈现了两个输入控件:

<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
  • __EVENTTARGET 接收__doPostBack的参数1
  • __EVENTARGUMENT 接收__doPostBack的参数2

__doPostBack函数的呈现方式如下:

function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
  • 如您所见,它将值分配给隐藏的输入。

表单提交/回发时:

  • 如果提供了您要运行其按钮单击处理程序的服务器控件按钮的UniqueID,则将运行javascript:__doPostBack('ButtonB','')该按钮的按钮单击处理程序。

如果我不想运行点击处理程序,而是想做其他事情怎么办?

您可以将任何所需的参数传递给 __doPostBack

然后,您可以分析隐藏的输入值并相应地运行特定代码:

If Request.Form("__EVENTTARGET") = "DoSomethingElse" Then
    Response.Write("Do Something else") 
End If

其他注意事项

  • 如果我不知道要运行其单击处理程序的控件的ID,该怎么办?
    • 如果无法接受设置ClientIDMode="Static",则可以执行以下操作:__doPostBack('<%= myclientid.UniqueID %>', '')
    • 要么: __doPostBack('<%= MYBUTTON.UniqueID %>','')
    • 如果您希望的话,这会将控件的唯一ID注入javascript
2020-05-01