使用 JavaScript 的 ASP.NET 回发

Question

我有几个小的 div 正在利用 jQuery 可拖动。这些 div 被放置在 UpdatePanel 中，在 Dragstop 上我使用 _doPostBack() JavaScript 函数，在其中我从页面的形式。

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

Answer 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 中

Answer 2

Per Phairoh：在页面/组件中使用它，以防面板名称更改

<script type="text/javascript">
     <!--
     //must be global to be called by ExternalInterface
         function JSFunction() {
             __doPostBack('<%= myUpdatePanel.ClientID  %>', '');
         }
     -->
     </script>

Answer 3

直接使用 __doPostBack 已经是 2000 年代的事情了。 2018 年编写 WebForms 的任何人都使用 GetPostBackEventReference

（更严重的是，添加此作为完整性的答案。直接使用 __doPostBack 是不好的做法（单下划线前缀通常表示私有成员，双下划线前缀表示更通用的私有成员）成员），尽管目前它可能不会改变或过时，我们在 ClientScriptManager.GetPostBackEventReference。）

假设您的 btnRefresh 位于我们的 UpdatePanel 内部并导致回发，您可以像这样使用 GetPostBackEventReference (灵感）：

function RefreshGrid() {
    <%= ClientScript.GetPostBackEventReference(btnRefresh, String.Empty) %>;
}

Answer 4

虽然 Phairoh 的解决方案在理论上似乎是合理的，但我还找到了解决此问题的另一种解决方案。通过将 UpdatePanels id 作为 doPostBack 函数的参数（事件目标）传递，更新面板将回发，但不是整个页面。

__doPostBack('myUpdatePanelId','')

*注意：第二个参数用于添加事件参数希望

这对某人有帮助！

编辑：所以看来我在打字时上面也给出了同样的建议:)

Answer 5

如果有人遇到此问题（就像我一样），您可以通过向按钮添加 UseSubmitBehavior="false" 属性来获取按钮的回发代码。如果您检查按钮的渲染源，您将看到您需要执行的确切 JavaScript。就我而言，它使用按钮的名称而不是 id。

Answer 6

您是否尝试过将更新面板的客户端 ID 传递给 __doPostBack 函数？我的团队这样做是为了刷新更新面板，据我所知它有效。

__doPostBack(UpdatePanelClientID, '**Some String**');

Answer 7

首先，不要使用更新面板。它们是微软为网络开发者创造的第二个最邪恶的东西。

其次，如果您必须使用更新面板，请尝试将UpdateMode 属性设置为Conditional。然后向添加到页面的 Asp:Hidden 控件添加触发器。将更改事件指定为触发器。在 Dragstop 事件中，更改隐藏控件的值。

这是未经测试的，但理论似乎是合理的...如果这不起作用，您可以使用 asp:button 尝试相同的操作，只需在其上设置 display:none 样式并使用 click 事件而不是更改事件。

Answer 8

您无法调用 _doPostBack()，因为它会强制提交表单。为什么不在 UpdatePanel 上禁用 PostBack 呢？