Olen tehnyt paljon XSLT, jQuery ja ajattelin jakaa muutamia katkelmia, että muut voivat löytää hyödyllisiä tulevaisuudessa.

Esimerkki 1: Päästää yksinkertainen JavaScript / jQuery XSLT-muodossa:

<XSL:malli ottelu = "jotain" XML:tila = "säilömään">

  <!– Tyhjä kyselyn ystävällinen suodattimet Piilokentän ulos –>
  <komentosarjan tyyppi = "text/javascript">
    $(asiakirja).valmis(funktio(){
      $("#QueryFriendlyFilters").Val("tyhjä");
    });
  </Script>

</XSL:malli>

Että vähän päästää joitakin ohjelman, joka odottaa hotellipoika jotta lopettaa lastaus (koska $(asiakirja).valmis(…)) ja sitten asetetaan piilotetun kentän arvo nimettiin QueryFriendlyFilters "tyhjä" literaaliarvon.

Esimerkki 2: Käyttö <XSL:Jos> Tarkista "suuremmat",  "alle", jne.

<XSL:malli ottelu = "jotain" XML:tila = "säilömään">

  <div id = "fdcAllFilters">
 
    <XSL:Jos test="@Count>0">
      <span class = "fdcFilterLabel">Nykyiset suodattimet:</span>
    </XSL:Jos>

    <!– enemmän tavaraa tapahtuu täällä. –>

</XSL:malli>

Koodinpätkä tarkistaa, jos ominaisuus nimeltä "Count" "jotain" elementti on suurempi kuin nolla.  XML taustalla olisi jotain:”

<jotain Count = "5" />

Esimerkki 3: Käydä läpi kaikki elementit, Lomittaminen jQuery puhelut.

<!– Käydä läpi kaikki suodattimet ja näyttää oikean  linkit. –>
<XSL:kullekin select = "UserFilter">

  <Luokka = "FilterHref" href = "javascript:mySubmitPage("RemoveUserFilter",'{@ID}’)">[X]</a>

  <span class = "fdcFilterLabel"><XSL:arvo-ja select="@FilterValue"/></span>

  <komentosarjan tyyppi = "text/javascript">

    $(asiakirja).valmis(funktio(){
        <XSL:teksti><![CDATA[$("#QueryFriendlyFilters").Val( ($("#QueryFriendlyFilters").Val() + " ]]></XSL:teksti>\"<XSL:arvo-ja select="@FilterValue"/>\"<XSL:teksti><![CDATA["));]]></XSL:teksti>
    });

  </Script>

</XSL:for-each>

Edellä koodinpätkä on kaikkein monimutkaisin ja voi olla helpompaa tapaa tehdä se.

XML taustalla näyttää suunnilleen tältä:

<UserFilter ID = "123" FilterValue = "xyzzy" />

Tämä pätkä läpikäyminen <UserFilter> solmut. 

Tuottamiensa ankkuri tag, että napsautettaessa vetoaa JavaScript-toiminto, joka on jo sivulla, "mySubmitPage" ja välittää määritteen arvo <UserFilter> solmu nimeltä "Tunnus". 

Se säteilee jQuery, joka odottaa sivu latautuu.  Että jQuery päivittää piilotettu kenttä nimeltä "QueryFriendlyFilters" lisäämällä FilterValue-määritteen arvo.  Huomautus Kaikki hullu <XSL:teksti> ja <![CDATA[ … ]]> jutut.

Se on siinä, odottaa se auttaa!

</loppu>

Tilaa blogiin.

Noudata minut viserrys http://www.twitter.com/pagalvin