丢失的css类通过jquery添加到updatepanel部分回发

我正在使用ASP.NET Ajax和JQuery。我有一个单击事件，在UpdatePanel中的对象上添加/删除css类，但是当发生ASP.NET部分回发时，我将失去“状态”。这是我尝试创建的最小示例;我如何保持css类的状态？丢失的css类通过jquery添加到updatepanel部分回发

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 

    <style type="text/css"> 
     .active { background: #000000; color: #ffffff; } 
     .test {} 
    </style> 


    <script src="jquery-1.3.2.js" type="text/javascript"></script> 

    <script language="javascript" type="text/javascript"> 

     function pageLoad(sender, args) { 

      // rebind events lost in partial postback 
      $(".test").unbind(); 

      $(".test").click(function() { 

       $(".test").removeClass("active"); 
       $(this).addClass("active"); 

      }); 

     } 

    </script> 








</head> 
<body> 
    <form id="form1" runat="server"> 


    <asp:ScriptManager ID="ScriptManager1" runat="server"> 
    </asp:ScriptManager> 

    <asp:Timer ID="Timer1" runat="server" Interval="30000" ontick="Timer1_Tick"> 
    </asp:Timer> 

    <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 

    <Triggers> 
    <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /> 
    </Triggers> 

    <ContentTemplate> 


    <div class="test"> 

     <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 

    </div> 


    <div class="test"> 

     <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 

    </div> 

    </ContentTemplate> 
    </asp:UpdatePanel> 

    </form> 
</body> 
</html>

来源

2009-11-13 user210757

考虑使用客户端PageRequestManager事件保存/恢复状态（请注意，以下是JavaScript的）：从Zincorp

function SaveState(sender, args) 
{ 
    // code to save state of update panel controls 
} 

function ReapplyState(sender, args) 
{ 

    // code to reapply state of update panel controls 
} 

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(SaveState); 
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(ReapplyState);

来源

2009-11-13 22:11:35 zincorp

礼貌你能解释一下？我将如何保存状态？在全局的js变量中，会话变量，??代码隐藏中的私有变量似乎在部分回发中丢失了其值（状态） – user210757

通过全局js变量。它们不会改变，因为页面仍然存在，只有一部分正在更新。上面的代码都是JavaScript – zincorp

updatepanel替换其范围内的DOM，因此您做出的任何修改都不会在回发之间持续存在。

你可能会看到jQuery的“生活”事件（假设 - 我没有尝试过），当新的元素被添加到文档中时，它们可以重新应用自己。

来源

2009-11-13 22:02:43

例并没有为我工作。我不得不把sys.webform线在一个单独的功能，我不得不绑定到正文页面的onload事件：

功能负荷（）

{Sys.WebForms.PageRequestManager.getInstance（）。 add_endRequest（ReapplyState）; }

，并在body标签的onload添加=”负荷（）”

的https://zeemalik.wordpress.com/2007/11/27/how-to-call-client-side-javascript-function-after-an-updatepanel-asychronous-ajax-request-is-over/

来源

2017-05-18 11:31:44

丢失的css类通过jquery添加到updatepanel部分回发

回答

相关问题