Архива на ознаки: XSLT

XSLT и jQuery Примероци

2 одговори

Јас се прави многу на XSLT и jQuery и мислев јас би ги споделат неколку фрагменти што другите може да најдете корисни во иднина.

Пример 1: Емитуваат едноставни вклучите Javascript- / jQuery во XSLT:

<XSL:template match="something" XML:space="preserve">

  <!– Празно надвор барањето пријателски филтри поле –>
  <скрипта тип = "text / javascript">
    $(документ).подготвени(функција(){
      $("#QueryFriendlyFilters").val("empty");
    });
  </скрипта>

</XSL:дефиниција>

Дека малку емитува некои го вклучите Javascript што ќе чека за оваа страница да заврши вчитувањето (бидејќи на $(документ).подготвени(...)) а потоа поставува вредноста на поле име QueryFriendlyFilters на буквално вредност "празни".

Пример 2: Користат <XSL:ако> да се провери "поголем од",  "Помалку од", итн.

<XSL:template match="something" XML:space="preserve">

  <div id="fdcAllFilters">
 
    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">Тековната филтри:</век>
    </XSL:ако>

    <!– повеќе работи се случува тука. –>

</XSL:дефиниција>

Горенаведените програмка проверки за да се види дали атрибут наречен "грофот" на "нешто" елемент е поголема од нула.  На XML зад ова ќе биде нешто како:"

<нешто брои = "5" />

Пример 3: Iterate преку сите елементи, interspersing jQuery повици.

<!– Iterate преку сите филтри и прикажување на вистинската  линкови. –>
<XSL:for-each select="UserFilter">

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

  <span class="fdcFilterLabel"><XSL:value-of select="@FilterValue"/></век>

  <скрипта тип = "text / javascript">

    $(документ).подготвени(функција(){
        <XSL:текст><![CDATA[$("#QueryFriendlyFilters").val( ($("#QueryFriendlyFilters").val() + " ]]></XSL:текст>\"<XSL:value-of select="@FilterValue"/>\"<XSL:текст><![CDATA["));]]></XSL:текст>
    });

  </скрипта>

</XSL:за секој->

Горенаведените програмка е најсложен и таму може да биде полесно начини да го направи тоа.

На XML зад ова изгледа приближно вака:

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

Овој фрагмент се процесирањето преку <UserFilter> јазли. 

За прв пат емитува сидро таг, кој при кликање повикува на функција го вклучите Javascript која е веќе на страната, "MySubmitPage" и поминува вредноста на атрибутот на <UserFilter> јазол наречен "проект". 

Таа потоа емитира некои jQuery што ќе чека за оваа страница да се вчита.  Дека jQuery надградби поле наречена "QueryFriendlyFilters" со додавање на вредност на FilterValue атрибут.  Имајте на ум сите луди <XSL:текст> и <![CDATA[ ... ]]> работи.

Тоа е тоа, надевам дека тоа им помага!

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Бесконечно гнезди <div> Тагови и jQuery

Остави Одговори

Ова изгледа како таква шантав тема, Не сум сигурен дека тоа е навистина вреди да се блогирање за, но тоа никогаш не ме спречи пред, па тука ќе одиме Насмевка

Јас работам надвор на еден проект каде што јас сум ги влече некои податоци од пребарување, пакувањето, тоа до во XML порака, а потоа дека XML е во крајна линија трансформира во HTML преку XSLT.  Има многу на jQuery вклучени, една малку на кој се спроведува некои tabbing функционалност.  Кога ќе кликнете на табот (навистина, на <div>), jQuery повикува. скриј() и. шоу() на различни divs (почетна страница оптоварување симнува сите содржини, така нема postbacks во овој случај).

Еден куп на часови, табот префрлување логика почна да се однесува неконтролирано и тоа не би се покаже еден од моите табови.  Јас конечно го следи се сведува на фактот дека Internet Explorer (најмалку) мислев дека <div> тагови вгнездени далеку, далеку подлабоко од intended.The инвеститорот алатникот ќе покаже:

-<div id = "Tab1Content">
  -<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-Конечно да го покажат тоа беше затворен целиот пат тука!

Така, ако направив $("# Tab1Content").Скриј(), Исто така јас се кријат Tab2 и јас никогаш не може да покаже Tab2 ако јас не се исто така покажуваат Tab1.  Јас копирани и атипичен кодот нагоре во Visual Studio и покажа на сите поставата на div е убаво, исто како и тие требаше да се прави, изгледа вака:

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

Јас победи мојата глава против ѕид за време и забележав дека во конкретната HTML кодот е генерирање на многу празни <div> тагови, како:

<тело>

  <div id = "Tab1Content">

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

  </div>

  <div id = "Tab2Content">

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

  </div>

</тело>

(Погоре е waaaaaaaaaaaay над поедноставени.  Празните div тагови кои се целосно валидни. Некои од моите <div> тагови беа полни со содржина, но многу повеќе не беа.  Дојдов до сознание дека ми <XSL:за секој-> директиви се емитуваат на краток форма div тагови кога XSL:за-секој не 'најдат никакви податоци.  Јас принудени на HTML коментар во производство, како што е прикажано:

image

 

По го сторив тоа, сите div е построи убаво и ми јазиче префрлување започна со работа.

Како и секогаш, Се надевам дека ова им помага на некој во краен случај.

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Пример: XSLT создавање на HTML href е

1 Одговори

Сум бил прават малку на XSL нешта во последно време и мислев јас би се стави заедно со примерок за мојата иднина и дека може да биде од вредност на сите нас XSLT-те правење на живеење во на Internets.

Размислете за следново XML:

<FdcSearchTabsCollection Count="2">
  <SearchTab Label="Industry" SortOrder=”00” Label=”Industries” SearchConstraints="contenttype:Индустрија" TabID="831b2a74-98c4-4453-8061-86e2fdb22c63"/>
  <SearchTab Label="Practices" SortOrder=”01” Label=”Practices” SearchConstraints="contenttype:PracticeGroups" TabID="678e206b-6996-421f-9765-b0558fe1a9c0"/>
</FdcSearchTabsCollection>

Следниве XSL програмка ќе генерира Подредена листа на hrefs јазичиња:

<XSL:template match="FdcSearchTabsCollection" XML:space="preserve">
   
    <!– The "all" табот –>
    <a href="javascript:ViewTab(‘All’)">Прикажи ги сите</на>
   
    <!– Секој поединец табот –>
    <!– Iterate низ сите јазичиња и го покажуваат точното  линкови. –>
    <XSL:for-each select="SearchTab">
      <XSL:sort select="@SortOrder"/>

      …
      <a href="javascript:ViewTab("{@ TabID}")"><XSL:value-of select="@Label"/></на>
    </XSL:за секој->

    <Br /> 
   

   </XSL:дефиниција>

Еве како изгледа во SharePoint:

SNAGHTML78aa2cb

 

 

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin