使用JavaScript的ASP.NET回发


80

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

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


您的div是否都有唯一的ID?
内森·泰勒,

Answers:


226

这是一个完整的解决方案

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

47
+1表示完整。很棒的答案让我喜欢StackOverflow。
Manitra Andriamitondra

3
这是我曾经为__doPostBack()遇到过的最好的解释之一。为此,+ 10!
GuruC

1
@BrianWebster,非常感谢您的详细帖子。我是否可以建议仍然使用C#而不是VB.NET的ASP.NET 3.5及更低版本的任何人将.aspx文件中的最后两行更改为以下内容?<asp:Button runat =“服务器” ID =“ ButtonA”文本=“ ButtonA” OnClick =“ ButtonA_Click” /> <br /> <br /> <asp:Button runat =“服务器” ID =“ ButtonB” Text = “ ButtonB” OnClick =“ ButtonB_Click” />
yangli.liy13年

1
这是一个非常有用的解决方案。如果使用母版页,则按钮的ID会变得有些混乱。请参阅下面的user489998的答案,以获取有关回发的正确ID的帮助。
DCastenholz 2014年

1
@BrianWebster对于某人而言,能够为某人的问题提供完整的解决方案,并提供适当的替代方案以解决潜在偏差的情况实在罕见。
GoldBishop '17

15

Per Phairoh:如果页面名称更改,请在“页面/组件”中使用此选项

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

9

从理论上讲,Phairoh的解决方案似乎合理,但我也找到了解决该问题的另一种方法。通过将UpdatePanels id作为doPostBack函数的参数(事件目标)传递,更新面板将回发而不是整个页面。

__doPostBack('myUpdatePanelId','')

*注意:第二个参数用于添加事件参数

希望这对某人有帮助!

编辑:所以看来这条建议是我在上面输入的:)


2
这将起作用,并且我在应用程序中做了类似的操作,但这确实不是一个好主意,并且我讨厌在这样做时不得不这样做。如果您的更新面板的名称发生更改,则会中断。如果将其放在用户控件中,则会中断。如果添加母版页,它将中断。是的,它可以工作,但是非常脆弱。至少,请使用更新面板的ClientId属性而不是静态字符串。
phairoh

9

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

(不过,更严重的是,将其添加为完整性的答案。__doPostBack直接使用是不好的做法(单个下划线前缀通常表示私有成员,而双精度表示一个更通用的私有成员),尽管这样做可能不会更改或变得过时一点。我们在ClientScriptManager.GetPostBackEventReference中有一个完全受支持的机制。)

假设您的btnRefresh位于我们的UpdatePanel内并引起回发,则可以像这样(灵感)使用GetPostBackEventReference :

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

这很好。在我的情况下,当在HTML标记中单击btnRefresh时,可以声明要刷新的Target AJAX控件。通过使用它,通过支持AJAX使其非常简单。
DanielG

6

如果有人遇到问题(就像我以前一样),则可以通过向其添加UseSubmitBehavior =“ false”属性来获取按钮的回发代码。如果检查按钮的渲染源,将看到需要执行的确切JavaScript。就我而言,它使用的是按钮的名称而不是ID。


使用母版页时非常有帮助。
DCastenholz 2014年

1
使用母版页时,__doPostBack似乎总是使用按钮的名称。
丹尼斯T-恢复莫妮卡

2

您是否尝试过将“更新”面板的客户端ID传递给__doPostBack函数?据我所知,我的团队已完成此操作以刷新更新面板。

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

1

首先,不要使用更新面板。它们是Microsoft为Web开发人员创建的第二件最邪恶的事情。

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

这未经测试,但是理论上似乎是正确的...如果不起作用,则可以使用asp:button尝试相同的操作,只需在其上设置display:none样式,然后使用click事件而不是change事件。


7
微软为网络开发人员创建的第一件最邪恶的东西是什么?
ErnieStings

2
登录控件必须在该列表的较高位置。
kim3er

27
@ErnieStings:IE6
菲洛伊(Fhairoh)2009年

1
您能否提供一些解释,是什么使UpdatePanels如此邪恶呢?如果是这样,我想读一些为什么以及何时不使用它们的原因。到目前为止,我还没有偶然发现UpdatePanels的任何关键问题。
Jan Kukacka 2015年

@JanKukacka它们是AJAX的糟糕抽象。您在编写更新面板中学习的技能并不能直接转化为能够在ASP.NET Web窗体之外的任何形式中正确使用AJAX。UpdatePanels很难调试。而且,如果启用了ViewState,则不必要地将大量数据传输到服务器或从服务器传输数据,这将占用大量带宽。当您需要在不执行回发的情况下与服务器对话时,学习适当的AJAX(也许带有一些轻量级的抽象层,例如jQuery)是一种更好的解决方案。
梅森2015年

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.