Etiket Arşivleri: XSLT

xslt ve jQuery örnekleri

Ben, XSLT ve jQuery ve diğerleri gelecekte yararlı olabilir birkaç pasaj paylaşmak düşündüm bir sürü yapıyor.

Örnek 1: Basit JavaScript yayarlar / XSLT'de jQuery:

<XSL:şablon eşleme "bir şeyler =" XML:Uzay = "korumak">

<!– Sorgu dostu filtreler gizli alanı boş –>
<komut dosyası türü "metin/javascript" =>
    $(Belge).hazır(işlevi(){
      $("#QueryFriendlyFilters").Val("boş");
    });
</komut dosyası>

</XSL:Şablon>

Bu sayfa yükleme bitirmesini bekler bazı JavaScript yayar (Çünkü $(Belge).hazır(…)) ve sonra gizli alan değerini QueryFriendlyFilters hazır bilgi değeri "boş" adlandırılmış kümeleri.

Örnek 2: Kullanımı <XSL:Eğer> "daha büyük" kontrol etmek için, "daha az", vb.

<XSL:şablon eşleme "bir şeyler =" XML:Uzay = "korumak">

<div id = "fdcAllFilters">

    <XSL:Eğer test="@Count>0">
      <span class = "fdcFilterLabel">Geçerli filtreleri:</yayılma>
    </XSL:Eğer>

    <!– Burada daha fazla şeyler olur. –>

</XSL:Şablon>

Yukarıdaki pasajı "Count"bir şey"unsuru" adlı bir öznitelik sıfırdan büyük olup olmadığını görmek için denetler. Bunun arkasında XML gibi bir şey olurdu.:”

<bir şey saymak "5" = />

Örnek 3: Tüm öğeleri boyunca yineleme yapmak, jQuery aramalar Interspersing.

<!– Tüm filtreler aracılığıyla yinelemek ve doğru görüntüleme Linkler. –>
<XSL:için her select = "UserFilter">

<bir sınıf "FilterHref =" href = "javascript:mySubmitPage('RemoveUserFilter','{@ID}’)">[X]</bir>

<span class = "fdcFilterLabel"><XSL:değer-in select="@FilterValue"/></yayılma>

<komut dosyası türü "metin/javascript" =>

    $(Belge).hazır(işlevi(){
        <XSL:metin><![CDATA[$("#QueryFriendlyFilters").Val( ($("#QueryFriendlyFilters").Val() + " ]]></XSL:metin>\"<XSL:değer-in select="@FilterValue"/>\"<XSL:metin><![CDATA["));]]></XSL:metin>
    });

</komut dosyası>

</XSL:for-each>

Yukarıdaki pasajı en karmaşık ve orada-ebilmek var olmak daha kolay yolları.

Bunun arkasında XML kabaca şöyle görünür:

<UserFilter kimliği "123" FilterValue = "xyzzy" = />

Bu pasajı Nesnesi'nde <UserFilter> düğümler.

İlk çapa yayar ki tag tıklatıldığında sayfasında bir JavaScript işlevi çağırır, "mySubmitPage" ve bir öznitelik değeri <UserFilter> düğüm "Kimlik" adında.

Sonra da sayfanın yüklenmesini bekler bazı jQuery yayar. Bu jQuery FilterValue özniteliğinin değeri ekleyerek "QueryFriendlyFilters" isimli bir gizli alanını güncelleştirir. Not tüm deli <XSL:metin> ve <![CDATA[ … ]]> malzeme.

İşte bu, umut etmek bu yardım etmek!

</sonunda>

Benim blog abone.

Heyecan beni izleyin http://www.twitter.com/pagalvin

Sonsuz yerleştirme <div> Etiketler ve jQuery

Cevap bırakın

Bu tür bir tuhaf konu gibi görünüyor, Bloglama hakkında gerçekten değer emin değilim, Ama bu beni daha önce hiç durdurmadı, Yani burada biz gitmek Gülümseme

Bir ara bazı verileri nerede çekiyorum bir proje üzerinde çalışma dışarı, ve sonra bu XML bir XML iletisi ambalaj sonuçta XSLT ile HTML içine aktarılır. JQuery bir sürü, bir çeşit bazı sekmeler işlevselliğini uygular. Bir sekmeyi tıklattığınızda (Gerçekten, bir <div>), jQuery yerleştirilmiş çağırır() ve göster() çeşitli divs (Yani hiç postbacks bu durumda ilk sayfa yükleme tüm içerik indirme).

Birkaç saat önce, mantık geçiş sekmesini hatalı davranmaya başladı ve sekmelerimden biri göstermek değil. Ben sonuçta o Internet Explorer'ın aslında izlenen (en az) düşündüm ki <div> çok iç içe Etiketler, amacı daha çok daha derin.Geliştirici araç çubuğu gösterir:

-<div id = "Tab1Content">
-<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           …………………………
                   </div> <-son olarak gösterilen buraya yuvarlandıysa kapatıldı!

Yani, Ben yaptım bir $("#Tab1Content").gizle(), Sekme2'de saklanırdım ve asla ben de Sekme1 gelmedi Sekme2 gösterebilirim. Visual studio ve tüm div's astar kadar güzel gösterdi kodu kopyaladım ve, Sadece onlar yapmak gerektiği gibi, Bu şekilde:

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

Bir süre için kafamı duvarlara yendi ve gerçek HTML'de boş bir sürü kod üreten fark <div> Etiketler, gibi:

<vücut>

<div id = "Tab1Content">

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

</div>

<div id = "Tab2Content">

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

</div>

</vücut>

(Yukarıdaki oversimplified waaaaaaaaaaaay olduğunu. Boş div Etiketler tamamen geçerli. Bazıları benim <div> Etiketler tam içerik, Ancak çok daha fazla. Gerçekleşme geldi bu benim <XSL:for-each> yönergelerinin kısa formlu yayan div Etiketler zaman xsl:Her için değil ' herhangi bir veri bulmak. Bir HTML açıklama çıkış zorla, görüldüğü gibi:

O benden sonra, div's güzel dizilmiş ve etiket anahtarlama çalışmaya başladı..

Her zaman olduğu gibi, Bunu kimse bir tutam yardımcı olur..

</sonunda>

Benim blog abone.

Heyecan beni izleyin http://www.twitter.com/pagalvin

Örnek: xslt html Href oluşturma'nın

1 Yanıtla

Ben son zamanlarda biraz xsl şeyler yapıyor oldum ve birlikte benim ileride bir örnek koymak istiyorsunuz ve xslt-ers making a living Internets hepimiz değeri olabilir.

Aşağıdaki xml düşünün:

<FdcSearchTabsCollection Count = "2">
<SearchTab Label = "Sanayi" SortOrder "00" Label = "Kimya" SearchConstraints = "contenttype =:Sanayi" TabID = "831b2a74-98c4-4453-8061-86e2fdb22c63" />
<SearchTab Label = "uygulamaları" SortOrder "01" Label = "Uygulamalar" SearchConstraints = "contenttype =:PracticeGroups" TabId = "678e206b-6996-421f-9765-b0558fe1a9c0" />
</FdcSearchTabsCollection>

Aşağıdaki xsl pasajı hrefs sekmeleri sıralanmış bir listesi çıkarılır:

<XSL:Şablon Eşleştir "FdcSearchTabsCollection =" XML:Uzay = "korumak">

    <!– "All" sekmesi –>
    <bir href = "javascript:ViewTab('All')">Tümünü görüntüle</bir>

    <!– Her bireysel etiket –>
    <!– Tüm sekmeleri yineleme ve doğru görüntüleme Linkler. –>
    <XSL:for-each seçin = "SearchTab">
      <XSL:sıralama select="@SortOrder"/>

      …
      <bir href = "javascript:ViewTab(‘{@TabID}’)"><XSL:değer-in select="@Label"/></bir>
    </XSL:for-each>

    <br />


   </XSL:Şablon>

İşte o SharePoint içinde nasıl göründüğünü:

</sonunda>

Benim blog abone.

Heyecan beni izleyin http://www.twitter.com/pagalvin