asp.net - jQuery slider og asp.net postback - Udvikleren.dk

Tags: jquery asp.net

<< < 1 2 > >>

Bruger #9814 @ 11.04.12 18:04

1.302

Jeg har en jQuery slider som viser / fjerner min searchoptions <div>:

JScript kode

 <script type="text/javascript">
         $(document).ready(function (event) {
         $(".searchoptions").show();
         $(".show_hide").show();
         $('.show_hide').click(function () {
             $(".searchoptions").slideToggle();
         });
         });  
     </script>

Mit problem er, at jeg har et asp.net gridview på samme side med paging og hver gang man skifter side i det gridview, så udfører den selvfølgelig $(".searchoptions").show(); igen, selvom brugeren har skjult den.

Hvordan får jeg den til at huske om min <div> er skjult ved sideskift? Jeg har kigget lidt på jquery.com og har fundet noget med event.preventDefault(), men ved ikke om den kan løse mit problem og hvordan.

11 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 12 karma

Sorter efter stemmer Sorter efter dato

Bruger #10216 @ 11.04.12 18:20

4.283

Problemet er jo som sagt, at JavaScript altid læses hver gang en side indlæses.

Du kan måske bruge en af tre løsninger:

1. Du kan prøve noget hack-slash på window.name:
http://code.google.com/p/cometdim/source/browse/trunk/src/main/webapp/jquery/jquery.session.js?r=2

2. Ellers er det nok cookies du skal bruge.
http://www.electrictoolbox.com/jquery-cookies/

3. På server-siden bestemmer du at, når du har søgeresultater, undlades skrivning af koden: "$(".searchoptions").show();"

event.preventDefault() bruges til at stoppe de normale events som sker når du f.eks. klikker på et link, på et html-element eller flytter musen.

Indlæg senest redigeret d. 11.04.2012 18:21 af Bruger #10216

Bruger #15754 @ 11.04.12 18:21

989

Du kan bruge hash og gøre som følgende.

JScript kode

 $(document).ready(function () {
   var show_hide = $(".show_hide"),
       searchoptions = $(".searchoptions");
   if(window.location.hash != "open") {
     searchoptions.show();
     show_hide.show();
   }
   show_hide.click(function () {
     window.location.hash = "#open";
     searchoptions.slideToggle();
   });
 });

Dog skal du nok ud af slideToggle da hashen skal fjernes igen når den bliver lukket.

Indlæg senest redigeret d. 11.04.2012 18:22 af Bruger #15754

Bruger #5789 @ 12.04.12 15:36

640

du kan altså let sætte cookies med javascript:

http://www.electrictoolbox.com/jquery-cookies/

formoder at din "show_hide" er knappen til at skjule og vise med.

(ikke testet)

JScript kode

 <script type="text/javascript">
     $(document).ready(function (event) {
     if($.cookie("showOptions") == "true" || $.cookie("showOptions") == null)
     $(".searchoptions").show();
     $(".show_hide").show();
     $('.show_hide').click(function () {
     $(".searchoptions").slideToggle();
        if($(".searchoptions").is(":visible"))
           $.cookie("showOptions", "true");
        else
           $.cookie("showOptions", "false");
     });
     });
     </script>

Jeg vil til enhver tid holde javascript uden for mit backend

EDit glemte lige en || cookie == null

Indlæg senest redigeret d. 12.04.2012 15:39 af Bruger #5789

Bruger #17081 @ 11.04.12 18:15

1.258

med sideskifte ... mener du dermed, at der kommer en ny request. Eller skre sideskift på den samme side?

Indlæg senest redigeret d. 11.04.2012 18:15 af Bruger #17081

Bruger #9814 @ 11.04.12 18:18

1.302

Et sideskifte i et gridview gøres med et javascriptkald som autogenereres af asp.net:

CSharp kode

 a href="javascript:__doPostBack(&#39;ctl00$MainContent$GridView_Annoncer&#39;,&#39;Page$2&#39;)">2</a>

og laver en ny request.

Indlæg senest redigeret d. 11.04.2012 18:19 af Bruger #9814

Bruger #9814 @ 11.04.12 19:25

1.302

Damn, jeg er en jQuery spa.... :-( Jeg kan godt li' metoden med hash som i nævner og jeg har også forsøgt med din kode MB. Men der er desværre ingen forskel.

Jeg kan godt se, at den kortvarigt sættes til #open når jeg klikker på mit link:

HTML kode

 <a href="#" class="show_hide">Vis/Skjul søgemuligheder</a>

Måske må jeg prøve med cookie metoden som Michael nævner.

Bruger #15754 @ 11.04.12 19:28

989

Prøv og gør sådan her så default eventet ikke sker og overskriver din hash.

JScript kode

 show_hide.click(function (event) {
      event.preventDefault();
      window.location.hash = "#open";
      searchoptions.slideToggle();
 });

Bruger #9814 @ 11.04.12 19:36

1.302

Desværre ingen forskel, men tak for forsøget. Hvorfor tjekker du på if(window.location.hash != "open") og ikke if(window.location.hash != "#open")? Det gør nu ikke nogen forskel, men bare en undren?

Bruger #15754 @ 11.04.12 19:56

989

Hmm nok en lille stavefejl

Bruger #9814 @ 11.04.12 19:59

1.302

Jeg troede der var en dybere mening med det :lol:

*edit*

Nå, det blev til den anden bedste løsning og ikke det jeg helst ville.

I Page_Load metoden bygger jeg jQuery scriptet op, så den gemmer div med søgefelterne ($("".searchoptions"").hide()

hvis det er postback og der var et søgeresultat. Ellers vises den med $("".searchoptions"").show();

Så er jeg sikker på, at den altid er gemt væk. Men jeg tager så ikke højde for dens aktuelle state.

Men det fungerer som nødløsning :-)

Indlæg senest redigeret d. 11.04.2012 21:03 af Bruger #9814

<< < 1 2 > >>

jQuery slider og asp.net postback

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler