Tag Achiv yo: XSLT

XSLT Et jQuery Échantillons

Mwen te konn fè anpil de XSLT, jQuery ak kalkile sou mwen ta pataje kèk extraits ke lòt moun ka jwenn itil nan tan kap vini.

Egzanp 1: Fè sikile JavaScript senp / jQuery nan XSLT:

<xsl:modèle à = "UN" xml:espas = "prezève">

  <!– Vide soti la requête convivial filtres hidden jaden –>
  <script tip = "tèks/javascript">
    $(dokiman).pare(fonksyon(){
      $("#QueryFriendlyFilters").val("vid");
    });
  </script>

</xsl:modèle>

Moso sa mou kèk JavaScript sa pou paj pou m fini chaje tan-n (que de la $(dokiman).pare(…)) Lè sa a ansanm rapòte ou lajan pou yon jaden hidden rele QueryFriendlyFilters pou literal valè "vid".

Egzanp 2: Sèvi ak <xsl:Si> pou yo tcheke "pi plis",  "mwens ke", ets.

<xsl:modèle à = "UN" xml:espas = "prezève">

  <div didantite = "fdcAllFilters">
 
    <xsl:Si test="@Count>0">
      <pon nan klas = "fdcFilterLabel">Filtres kouran:</ire>
    </xsl:Si>

    <!– plis bagay rive isit la. –>

</xsl:modèle>

A CI-dessus extrait contrôles pou wè si yon kalite ki rele "Konte" a "yon bagay" eleman ki gen plis pouvwa pase zewo.  XML la pa dèyè sa ta dwe gen yon bagay tankou:”

<yon bagay konte = "5" />

Egzanp 3: Une à tout eleman yo, interspersing jQuery apèl.

<!– Une à tout filtres yo Et afficher a kòrèk  lyen. –>
<xsl:pou-chak = sélectionnez "UserFilter">

  <yon klas = "FilterHref" HREF = "javascript:mySubmitPage('RemoveUserFilter','{@ID}’)">[X]</yon>

  <pon nan klas = "fdcFilterLabel"><xsl:valè-de select="@FilterValue"/></ire>

  <script tip = "tèks/javascript">

    $(dokiman).pare(fonksyon(){
        <xsl:tèks><![CDATA[$("#QueryFriendlyFilters").val( ($("#QueryFriendlyFilters").val() + " ]]></xsl:tèks>\"<xsl:valè-de select="@FilterValue"/>\"<xsl:tèks><![CDATA["));]]></xsl:tèks>
    });

  </script>

</xsl:pou-chak>

Extrait CI-dessus a se ki pi konplèks Et ka gen te fè pi fasil pou ou fè l.

XML la pa dèyè sa recherche environ kon sa:

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

Extrait sa a effectuées à <UserFilter> noeuds. 

Li premye mou anchor yon balise sa lè Sur appelle yon fonksyon JavaScript ki deja nan paj la, "mySubmitPage" Et rann rapòte ou lajan pou yon kalite a <UserFilter> nodozite yo rele "Didantite". 

Li puis mou kèk jQuery ke tan-n pou paj pou chaje.  JQuery sa à yon jaden hidden ki rele "QueryFriendlyFilters" yo li te ajoute ke rapòte ou lajan pou kalite FilterValue a.  Note tout fou a <xsl:tèks> Et <![CDATA[ … ]]> bagay.

Sa se li, espere ke li te ede!

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin

Sans Imbrication <div> Baj Et jQuery

Sa sanble tankou sa yon tèt rubrique, Mwen pa fin sèten se vrèman yon valè de blogs osijè de, Men, sa ki pa janm sispann m' devan, se isit la n' ap Souri

M ap travay sou yon pwojè kote mwen ap rache kèk done de recherche yon, tounen tankou emballage fè l' antre nan yon mesaj XML Et puis XML sa, nan sal HTML via XSLT.  Pa gen anpil jQuery te enplike, gwo moso ki en kèk tabulation fonctionnalités.  Lè ou Sur sou yon onglet (vrèman, yon <div>), jQuery appelle .hide() Et .show() sou plizyè divs (pwemye paj chay téléchargements tout contenu a pou genyen publications pa nan ka sa).

Yon pakèt moun heures de sa, metòd pou chanje lojik onglet a te kòmanse se façon Et ne montre yonn nan onglets m.  Mwen, UN li desann a fait onn entènèt sa (pi piti) panse sa a <div> baj imbriqués byen lwen, byen lwen plus pase destinés.A devlope D' ki ta montre:

-<div didantite = "Tab1Content">
  -<div>
    -<div>
      -<div didantite = "Tab2Content">
        -<div>
           …………………………
                   </div>  <— a la fen montre li te fèmen jouk yo rive desann isit la!

Se konsa, Si m' te fè yon $("#Tab1Content").sere(), Mwen ta tou sere Tab2 Et m te kapab pa janm fè Tab2 si m pa t tou montre Tab1.  Mwen copié Et coller kòd la nan estidyo izyèl Et sa a tout de revêtement div a moute bien, egzateman tankou yo te sipoze fè travay li, klere tankou sa:

-<div didantite = "Tab1Content">
  +<div>
  +<div>
-<div didantite = "Tab2Content">
  +<div>
  +<div>

Mwen ke yo te bat tèt mwen sou miray la pou yon ti tan e te note ke HTML aktyèl la nan kòd li te genyen génération anpil vid <div> baj, tankou:

<kò>

  <div didantite = "Tab1Content">

    <div didantite = "row1" />
    <div didantite = "row2" />

  </div>

  <div didantite = "Tab2Content">

    <div didantite = "row1" />
    <div didantite = "row2" />

  </div>

</kò>

(La CI-dessus se waaaaaaaaaaaay oversimplified.  Div vid baj yo totalman valab. Gen kèk moun mwen <div> baj pa t ' de sanisfè, Men, anpil plis yo pa t '.  Mwen te ale la réalisation sa m' <xsl:pou-chak> directives te émet ti fòm div balises lè xsl a:pou-chak pa t ' jwenn kèk done.  Mwen te fòse yon kòmantè HTML nan la sortie, jan montre:

image

 

Apre sa, mwen te fè sa, tout div a aliyen bien Et m' onglet changement te kòmanse travay.

Kòm toujou, Mwen espere ke sa ka ede yon moun nan yon ti kras.

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin

Egzanp: XSLT kreye HTML Href a

Mwen te gen te fè yon ti bagay XSL dènyèman e te panse mwen ta mete ansanm yon ti pou m' pwochen referans e ki ka gen anpil valè pou nou tout XSLT ki prèt pou tonbe fè yon rete nan internets yo.

Konsidere XML suivant la:

<Ès FdcSearchTabsCollection = "2">
  <Etikèt ki SearchTab = "endistri" SortOrder = "00" etikèt = "Endistri yo" SearchConstraints = "contenttype:Endistri" TabID = "831b2a74-98c4-4453-8061-86e2fdb22c63" />
  <Etikèt ki SearchTab = "pwatik" SortOrder = "01" etikèt = "Pwatik" SearchConstraints = "contenttype:PracticeGroups" TabID = "678e206b-6996-421f-9765-b0558fe1a9c0" />
</FdcSearchTabsCollection>

Extrait XSL suivant générer yon lis triés onglets hrefs:

<xsl:modèle à = "FdcSearchTabsCollection" xml:espas = "prezève">
   
    <!– La "tout" onglet –>
    <yon href = "javascript:ViewTab(' A)">Tout vi</yon>
   
    <!– Chak grenn pa grenn onglet –>
    <!– Une à tout Onglets yo Et afficher a kòrèk  lyen. –>
    <xsl:pou-chak = sélectionnez "SearchTab">
      <xsl:tri select="@SortOrder"/>

      …
      <yon href = "javascript:ViewTab(‘{@TabID}’)"><xsl:valè-de select="@Label"/></yon>
    </xsl:pou-chak>

    <br /> 
   

   </xsl:modèle>

Isit la se sa li sanble nan SharePoint:

SNAGHTML78aa2cb

 

 

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin