Tag Archives: XSLT

XSLT- ja jQuery proovid

2 vastuseid

Olen teinud palju XSLT-jQuery ja arvasin, tahaksin jagada mõned pikad, et teised võivad leida kasulik tulevikus.

Näide 1: Paisata lihtne JavaScript / jQuery XSLT-s:

<XSL-i:malli vaste = "midagi" XML-i:Kosmos = "Säilita">

  <!– Tühja välja päringu sõbralik filtrid peidetud väli –>
  <script type = "tekst/javascript">
    $(dokumendi).valmis(funktsioon(){
      $("#QueryFriendlyFilters").Val("tühi");
    });
  </skripti>

</XSL-i:Mall>

Et natuke kiirgab mõned JavaScript, mis ootab lehe laadimise lõpetamiseks (Kuna selle $(dokumendi).valmis(…)) ja siis seab peidetud välja väärtus nimega QueryFriendlyFilters sõnasõnaline väärtusele "tühi".

Näide 2: Kasutamine <XSL-i:Kui> kontrollida "suurem kui",  "väiksem kui", jne.

<XSL-i:malli vaste = "midagi" XML-i:Kosmos = "Säilita">

  <div id = "fdcAllFilters">
 
    <XSL-i:Kui test="@Count>0">
      <span class = "fdcFilterLabel">Praegused filtrid:</span>
    </XSL-i:Kui>

    <!– rohkem asju juhtub siin. –>

</XSL-i:Mall>

Ülaltoodud väljavõte kontrollib, kas atribuut nimega "Loendamine" elemendi "midagi" on suurem kui null.  XML-i taga, see oleks midagi sellist:”

<midagi Count = "5" />

Näide 3: Itereerima läbi kõik elemendid, Interspersing jQuery kõned.

<!– Itereerima läbi kõik filtrid ja kuvatakse õige  lingid. –>
<XSL-i:iga valige = "UserFilter">

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

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

  <script type = "tekst/javascript">

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

  </skripti>

</XSL-i:puhul iga>

Ülaltoodud väljavõte on kõige keerukam ja seal võib olla lihtsam seda teha.

XML-i selle taga näeb umbes välja selline:

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

Selle koodijupi iterating kaudu <UserFilter> sõlmed. 

Kõigepealt paiskab ankur tag, mis klõpsamisel tugineb JavaScript funktsioon, mis on juba lehel, "mySubmitPage" ja läbib atribuudi väärtuse ning <UserFilter> sõlme nimega "ID". 

See kiirgab siis mõned jQuery, mis ootab lehe laadimine.  Et jQuery uuendab peidetud väli nimega "QueryFriendlyFilters" FilterValue atribuudi väärtust lisades.  Märkus kõik hull <XSL-i:teksti> ja <![CDATA[ … ]]> kraam.

See on see, Loodan, et see aitab!

</lõpp>

Telli minu blogi.

Järgi mind vidistama kell http://www.twitter.com/pagalvin

Lõputult pesitsevate <DIV> Sildid ja jQuery

Jäta vastus

See tundub nagu oddball teema, Ma ei ole kindel, see on tõesti väärt blogging umbes, kuid see on lõpetanud kunagi mind enne, nii et siin me minna naeratus

Olen töötanud kui olen tõmmates mõned andmed otsingu projekti, pakendi XML-sõnum ja seejärel selle XML-I on lõppkokkuvõttes valitsevaks HTML XSLT kaudu.  JQuery palju on seotud, üks bitiseid mis rakendab tabbing funktsioone.  Kui klõpsate vahekaardil (Päriselt, a <DIV>), jQuery tugineb .hide() ja .show() erinevate DIVd kohta (Alglehekülg koormuse laadib alla kogu sisu nii, et puuduvad käesolevas asjas puudub postbacks).

A bunch of hours ago, loogikast vahetamise vahekaarti hakanud käituma tavapärasest korrapäratult ja see ei kuva üks minu vahekaardid.  Lõpuks jälitatud see asjaolu kuni selle internet explorer (vähemalt) et mõelnud ning <DIV> pesastatud palju silte, palju sügavamal kui ette nähtud.Näitaks tootearendajate tööriistariba:

-<DIV id = "Tab1Content">
  -<DIV>
    -<DIV>
      -<DIV id = "Tab2Content">
        -<DIV>
           …………………………
                   </DIV>  <— Lõpuks näitab see oli suletud kogu tee alla siit!

Nii, Kui ma tegin a $("# Tab1Content").Peida(), Ma oleks peita ka Tab2 ja ma ei ole kunagi näidata Tab2 kui ma ka ei näidata Tab1.  Kopeerimisel ja kleepimisel kood visual studio ja see kõik on div hõõrdkatte kuni ilusti näitas, just nagu nad pidid teed, vaadates nagu see:

-<DIV id = "Tab1Content">
  +<DIV>
  +<DIV>
-<DIV id = "Tab2Content">
  +<DIV>
  +<DIV>

I võita minu pea vastu seina mõnda aega ja märganud tekitava kood oli tegelik HTML tühi palju <DIV> Sildid, nagu:

<keha>

  <DIV id = "Tab1Content">

    <DIV id = "row1" />
    <DIV id = "row2" />

  </DIV>

  <DIV id = "Tab2Content">

    <DIV id = "row1" />
    <DIV id = "row2" />

  </DIV>

</keha>

(Eespool nimetatu on ülelihtsustatud waaaaaaaaaaaay.  Tühi div-siltide täielikult kehtivad. Mõned minu <DIV> sildid on täis sisu, kuid ei olnud palju rohkem.  Ma tulin realiseerimaks et minu <XSL-i:puhul iga> direktiivides olid kiirgava lühi-vormi div tags kui ka XSL-i:puhul iga ei "leia mingeid andmeid.  HTML-I kommentaar sunnitud toodangu, nagu on näidatud:

image

 

Pärast tegin, et, kõik div märkeruutudele ilusti ja vahekaarti vahetamine hakanud.

Nagu alati, Ma loodan, et see aitab keegi in a ahtaalla.

</lõpp>

Telli minu blogi.

Järgi mind vidistama kell http://www.twitter.com/pagalvin

Näide: XSLT-d luua HTML Href's

1 Vastus

Olen teinud natuke XSL kraami viimasel ajal ja arvasin ma paneks kokku proovis minu hilisemaks ja, mis võivad olla meile kõigile XSLT-ers muutes elu ning internets.

Kaaluge järgmist XML:

<FdcSearchTabsCollection Count = "2">
  <SearchTab Label = "tööstusharu" SortOrder = "00" silt "Tööstus" SearchConstraints = "contenttype =:Tööstus" TabID = "831b2a74-98c4-4453-8061-86e2fdb22c63" />
  <SearchTab Label = "tavad" SortOrder = "01" silt "Tava" SearchConstraints = "contenttype =:PracticeGroups" TabID = "678e206b-6996-421f-9765-b0558fe1a9c0" />
</FdcSearchTabsCollection>

XSL koodijupi loob sorditud loendi hrefs vahekaardid:

<XSL-i:malli vastet = "FdcSearchTabsCollection" XML-i:Kosmos = "Säilita">
   
    <!– "Kõik" TAB –>
    <href = "javascript:ViewTab("Kõik")">Vaata kõiki</a>
   
    <!– Iga individuaalse kaart –>
    <!– Itereerima läbi kõik kaardid ja kuvatakse õige  lingid. –>
    <XSL-i:iga valige = "SearchTab">
      <XSL-i:Sorteeri select="@SortOrder"/>

      …
      <href = "javascript:ViewTab(‘{@TabID}’)"><XSL-i:väärtust, select="@Label"/></a>
    </XSL-i:puhul iga>

    <br /> 
   

   </XSL-i:Mall>

Siin on, kuidas ta näeb SharePoint:

SNAGHTML78aa2cb

 

 

</lõpp>

Telli minu blogi.

Järgi mind vidistama kell http://www.twitter.com/pagalvin