Solved

Jquery not work on PostBack Page

Posted on 2009-04-14
3
1,036 Views
Last Modified: 2013-12-17
Hello,

I have a page where run a Jquery, but when she made a PostBack simply stops working, any idea?

See code below:
function closeCheckbox() {
    $("span").each(function() { if ($(this).attr("child")) { $(this).hide(); } });
}

Open in new window

0
Comment
Question by:alexandremattar
3 Comments
 
LVL 14

Expert Comment

by:GiftsonDJohn
ID: 24145317
Are you using UpdatePanel and doing asynchronous post back?
0
 
LVL 3

Expert Comment

by:OmerFarukZ
ID: 24145484
where is the jquery script code imlemented? please paste your aspx source code
0
 
LVL 1

Accepted Solution

by:
alexandremattar earned 0 total points
ID: 24147331
Here is the aspx code.

Yesterday i solved the problem, the atributtes of checkboxlist be lost in postback. But this is not the best solution.
I will also post the Codebehind to see if we find better solution
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ThumbGridView.WebForm1" %>
 
<!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>
 
    <script src="jquery-1.3.2.js" type="text/javascript"></script>
 
</head>
<body>
    <form id="form1" runat="server">
    <div>
    </div>
    <div id="check">
        <asp:CheckBoxList ID="CheckBoxList1" runat="server">
        </asp:CheckBoxList>
    </div>
    <asp:Button ID="Button1" runat="server" Text="Button" />
    </form>
    <asp:Literal ID="Literal1" runat="server">
 
         <script language="javascript" type="text/javascript">
 
 
             $(document).ready(function() {
                 $("span").each(function() {
                     if ($(this).attr("filho")) {
                         $(this).hide();
                     }
                 });
                 $("#check :checkbox").each(function() {
                     current = $(this).parent().attr("pai");
 
                     if ($(this).is(':checked')) {
                         $("span").each(function() {
                             if ($(this).attr("filho") == current) {
                                 $(this).show();
                             }
                         });
                     }
 
                 });
             });
             
             $("#check :checkbox").click(function() {
                 $("span").each(function() {
                     if ($(this).attr("filho")) {
                         $(this).hide();
                     }
                 });
                 $("#check :checkbox").each(function() {
                     current = $(this).parent().attr("pai");
 
                     if ($(this).is(':checked')) {
                         $("span").each(function() {
                             if ($(this).attr("filho") == current) {
                                 $(this).show();
                             }
                         });
                     }
 
                 });
             });
       
    </script> </asp:Literal>
</body>
</html>

Open in new window

codeBehind.txt
0

Featured Post

The New “Normal” in Modern Enterprise Operations

DevOps for the modern enterprise offers many benefits — increased agility, productivity, and more, but digital transformation isn’t easy, especially if you’re not addressing the right issues. Register for the webinar to dive into the “new normal” for enterprise modern ops.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
User art_snob (http://www.experts-exchange.com/M_6114203.html) encountered strange behavior of Android Web browser on his Mobile Web site. It took a while to find the true cause. It happens so, that the Android Web browser (at least up to OS ver. 2.…
Finds all prime numbers in a range requested and places them in a public primes() array. I've demostrated a template size of 30 (2 * 3 * 5) but larger templates can be built such 210  (2 * 3 * 5 * 7) or 2310  (2 * 3 * 5 * 7 * 11). The larger templa…

821 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question