Tag Archives: XSLT

XSLT və jQuery nümunələri

Mən XSLT və jQuery və bir çox edir və Mən başqaları gələcəkdə faydalı ola bilər ki, bir neçə parçalarını bölüşmək istədiyiniz fikir edilmişdir.

Misal 1: Sadə JavaScript buraxmaq / XSLT ildə jQuery:

<XSL:template match="something" xml:kosmik = "qorumaq">

  <!– Sorğu dostluq filtreler gizli sahə həyata Blank –>
  <script type="text/javascript">
    $(sənəd).hazır(funksiyası(){
      $("#QueryFriendlyFilters").val("empty");
    });
  </ssenari>

</XSL:şablon>

That bit emits some JavaScript that waits for the page to finish loading (because of the $(sənəd).hazır(...)) and then sets the value of a hidden field named QueryFriendlyFilters to the literal value “empty”.

Misal 2: Istifadə <XSL:əgər> to check “greater than”,  “less than”, və s..

<XSL:template match="something" xml:kosmik = "qorumaq">

  <div id="fdcAllFilters">
 
    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">Current filters:</aşırım>
    </XSL:əgər>

    <!– more stuff happens here. –>

</XSL:şablon>

The above snippet checks to see if an attribute named “Count” of the “something” element is greater than zero.  The XML behind this would be something like:"

<something Count=”5” />

Misal 3: Iterate through all elements, interspersing jQuery calls.

<!– Iterate through all the filters and display the correct  bağlantılar. –>
<XSL:for-each select="UserFilter">

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

  <span class="fdcFilterLabel"><XSL:value-of select="@FilterValue"/></aşırım>

  <script type="text/javascript">

    $(sənəd).hazır(funksiyası(){
        <XSL:text><![CDATA[$("#QueryFriendlyFilters").val( ($("#QueryFriendlyFilters").val() + " ]]></XSL:text>\"<XSL:value-of select="@FilterValue"/>\"<XSL:text><![CDATA["));]]></XSL:text>
    });

  </ssenari>

</XSL:-hər biri üçün>

The above snippet is the most complex and there may be easier ways to do it.

The XML behind this looks roughly like this:

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

This snippet is iterating through <UserFilter> nodes. 

It first emits an anchor tag that when clicked invokes a JavaScript function that is already on the page, “mySubmitPage” and passes the value of an attribute on the <UserFilter> node named “ID”. 

It then emits some jQuery that waits for the page to load.  That jQuery updates a hidden field named “QueryFriendlyFilters” by adding the value of the FilterValue attribute.  Note all the crazy <XSL:text> və <![CDATA[ ... ]]> stuff.

That’s it, bu kömək ümid!

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin

Endlessly quş balası <div> Tags və jQuery

Bu bir oddball mövzu kimi görünür, Mən bu barədə həqiqətən dəyər blog var əmin deyiləm, ancaq ki, əvvəl mənə dayandırdı heç oldu, Belə ki, burada biz getmək təbəssüm

Mən bir axtarış bəzi çəkərək alıram bir layihə üzərində çalışıram, XML nəticədə XSLT vasitəsilə HTML çevrilir ki, sonra bir XML mesaj dilinə qədər qablaşdırma və.  Cəlb jQuery bir çox var, biri bit bəzi tabbing funksionallığı həyata keçirir.  Bir sekmesini basın zaman (həqiqətən, bir <div>), jQuery çağırır. gizlətmək() və. şou() müxtəlif divs haqqında (Bu halda heç bir postbacks var, belə ki, ilkin səhifə yük bütün içeriği downloads).

Saat bir dəstə əvvəl, sekmesini keçid məntiq erratically davranmaq başladı və mənim Nişanlar biri göstərmək deyil.  Mən sonda Internet Explorer faktı onu aşağı izlenen (azı) fikir ki, <div> tags qədər iç-içə, intended.The geliştirici toolbar daha dərin gösterir:

-<div id = "Tab1Content">
  -<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-Nəhayət ki, bütün yol aşağı burada bağlandı göstərən!

Belə, Mən əgər $("# Tab1Content").gizləmək(), Mən də Sekme2 gizlətmək istədiyiniz və mən də Tab1 göstərmədi, mən Sekme2 göstərmək heç bilər.  Mən sitemizi və yapışdırılır kodu up Visual Studio daxil və bu gözəl div nin astarlı bütün qədər göstərdi, onlar bunu idi yalnız kimi, bu kimi axtarır:

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

Mən bir müddət divara başımı döymək və faktiki HTML code boş bir çox yaradan ki, qeyd <div> tags, kimi:

<orqan>

  <div id = "Tab1Content">

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

  </div>

  <div id = "Tab2Content">

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

  </div>

</orqan>

(Yuxarıda waaaaaaaaaaaay oversimplified edir.  Boş div tags tamamilə etibarlıdır. Mənim bəzi <div> tags content dolu idi, lakin daha çox deyil idi.  Mən həyata gəldi ki, <XSL:-hər biri üçün> zaman XSL direktivləri qısa formada div tags emitting idi:üçün hər "heç bir məlumat tapa bilmədim.  Mən çıxış daxil HTML Şərh məcbur, kimi:

image

 

Mən etdi sonra, bütün div qəşəng dəstəsi düzülmüşdü və nişanı kommutasiya iş açılmış oldu.

Həmişə olduğu kimi, Mən bu bir çimdik kimsə kömək ümid edirik.

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin

Misal: XSLT yaratmaq HTML href in

Mən son vaxtlar XSL heyəti bir qədər bunu edirəm və gələcək sened üçün bir nümunə birlikdə qoymaq istədiyiniz fikir və bizə XSLT-Ers bütün internets bir yaşayış edilməsi dəyər ola bilər olduğunuz.

Aşağıdakı XML hesab:

<FdcSearchTabsCollection Count = "2">
  <SearchTab Label = "Sənaye" SortOrder = "00" Label = "Industries" SearchConstraints = "contenttype:Sənaye" TabID = "831b2a74-98c4-4453-8061-86e2fdb22c63" />
  <SearchTab Label = "Practices" SortOrder = "01" Label = "Praktika" SearchConstraints = "contenttype:PracticeGroups" TabID = "678e206b-6996-421f-9765-b0558fe1a9c0" />
</FdcSearchTabsCollection>

Aşağıdakı XSL parçasını hrefs sekmeler bir sıralaması siyahısına yaradacaq:

<XSL:şablon matçı = "FdcSearchTabsCollection" xml:kosmik = "qorumaq">
   
    <!– Bu "bütün" nişanı –>
    <a href = "javascript:ViewTab(‘All’)">Bütün bax</bir>
   
    <!– Hər bir fərdi nişanı –>
    <!– Bütün sekmeleri təkrarlamaq və doğru Profilə  bağlantılar. –>
    <XSL:seçin = "SearchTab" hər>
      <XSL:Sıralama seçin = "@ SortOrder" />

      …
      <a href = "javascript:ViewTab('{@ TabID}")"><XSL:dəyər seçin = "@ Label" /></bir>
    </XSL:-hər biri üçün>

    <br /> 
   

   </XSL:şablon>

Burada SharePoint kimi görünür deyil:

SNAGHTML78aa2cb

 

 

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin