Tag Archives: XSLT

XSLT եւ jQuery Օրինակներ

Ես անում շատ քան - XSLT եւ jQuery, եւ կարծում եմ, կցանկանայի կիսվել մի քանի հատվածներ, որոնք ուրիշները կարող է օգտակար լինել ապագայում:.

Օրինակ 1: Բուրել պարզ JavaScript տեխնոլոգիա: / jQuery - ին XSLT:

<xsl:Կաղապար խաղը = "something" XML Նամակ:տարածք = "պահպանել">

<!– Դատարկ դուրս հարցման ընկերական զտում է թաքնված դաշտ –>
<script type = "text / JavaScript">
    $(փաստաթուղթ).պատրաստ(ֆունկցիա(){
      $("# QueryFriendlyFilters").Val(«Դատարկ».);
    });
</ձեռագիր>

</xsl:Կաղապար>

Դա քիչ emits որոշակի JavaScript տեխնոլոգիա, որը սպասում է էջի ավարտելու բեռնումը (պատճառով $(փաստաթուղթ).պատրաստ(...)) եւ հետո դնում արժեքը մի թաքնված դաշտի անունով QueryFriendlyFilters է գրական արժեքը, «դատարկ»..

Օրինակ 2: Օգտագործում <xsl:եթե> ծանոթացեք "մեծ", «Պակաս»:, եւ այլն:.

<xsl:Կաղապար խաղը = "something" XML Նամակ:տարածք = "պահպանել">

<div id = "fdcAllFilters">

    <xsl:եթե test = "@ Count>0">
      <span կարգի = "fdcFilterLabel">Ընթացիկ զտիչներ:</span>
    </xsl:եթե>

    <!– այլ իրեր կատարվում այստեղ:. –>

</xsl:Կաղապար>

Վերը պատառներ ստուգում է տեսնել, եթե հատկանիշը անվանել "Count" - ի "something է տարր ավելի մեծ է, քան զրո. The XML ետեւում սա կլինի նման բան:"

<մի բան Count = "5" />

Օրինակ 3: Կրկնել բոլոր տարրերի, interspersing jQuery զանգեր.

<!– Կրկնել բոլոր ֆիլտրերի եւ ցուցադրել ճիշտ հղումներ. –>
<xsl:համար, եւ յուրաքանչյուր ընտրում = "UserFilter է>

<ա դասարան = "FilterHref" Ռաֆֆի Չ. = "JavaScript:mySubmitPage(‘RemoveUserFilter’,'{@ ID}')">[X]</ա>

<span կարգի = "fdcFilterLabel"><xsl:արժեքը-of ընտրել = "@ FilterValue" /></span>

<script type = "text / JavaScript">

    $(փաստաթուղթ).պատրաստ(ֆունկցիա(){
        <xsl:տեքստ><![CDATA[$("# QueryFriendlyFilters").Val( ($("# QueryFriendlyFilters").Val() + " ]]></xsl:տեքստ>\"<xsl:արժեքը-of ընտրել = "@ FilterValue" />\"<xsl:տեքստ><![CDATA["));]]></xsl:տեքստ>
    });

</ձեռագիր>

</xsl:համար յուրաքանչյուր>

Վերը պատառներ է առավել բարդ եւ այնտեղ կարող է ավելի հեշտ եղանակներ դա անել.

The XML հետեւում է այս կոպիտ այսպիսի տեսք ունի:

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

Այս պատառներ է iterating միջոցով: <UserFilter> հանգույցների համար.

Այն առաջին emits մի խարիսխ հատկորոշիչը որ կտտացրել վկայակոչում է Դեկտեմբեր գործառույթ, որը արդեն Էջ, «MySubmitPage" եւ անցնում արժեքը որեւէ հատկանիշի վրա <UserFilter> ուռուցք անվանեց "ID".

Այն ժամանակ emits որոշակի jQuery, որ սպասում է էջը բացելու համար: Այդ jQuery թարմացումները մի թաքնված դաշտային անունով "QueryFriendlyFilters" ավելացնելով արժեքը, որը FilterValue հատկանիշի. Նշենք, բոլոր խենթ <xsl:տեքստ> իսկ <![CDATA[ ... ]]> նյութեղեն.

Ահա այն, Հուսով այն օգնում է!

</վերջ>

Անդամագրվել իմ բլոգում.

Գտեք Twitter-ում http://www.twitter.com/pagalvin

Անվերջ nesting <div> Tags եւ jQuery

Թողնել պատասխան

Սա կարծես այդպիսի oddball թեմա, Վստահ չեմ, որ դա իրոք արժե բլոգերներ մասին, բայց դա երբեք չի դադարել էր ինձ համար:, այնպես որ այստեղ ենք ժպիտ

Ես աշխատում է մի նախագծի, որտեղ ես եմ քաշվել որոշ տվյալներ է որոնում, Փաթեթավորման այն վերածել XML հաղորդագրությունը, ապա այդ մասին XML Նամակ հարցը վերջնականապես վերածվել HTML միջոցով XSLT. Կա մի շատ jQuery մեջ, մի քիչ, որոնք իրականացնում են tabbing ֆունկցիոնալությունը. Երբ սեղմում է էջանիշը (իրոք, ա <div>), jQuery վկայակոչում. թաքցնել() եւ շոու() տարբեր DIVS (նախնական էջը բեռը ներլցումներ բոլոր բովանդակությունը այնպես չկան postbacks այս դեպքում).

Մի փունջ ժամ առաջ, պիտակը անցումը տրամաբանությունը սկսեց վարվել erratically եւ այն չի ցույց մեկը իմ թարգմանությունը. Ես վերջնականապես առ այն, որ Internet Explorer-ի (առնվազն) կարծում է, որ <div> tags nested հեռու, շատ խորն է, քան intended.The մշակողի գործիքների ցույց տալ:

-<div մականունը = "Tab1Content">
-<div>
    -<div>
      -<div մականունը = "Tab2Content">
        -<div>
           ..............................
                   </div> <- Վերջապես ցուցադրում է փակվել ամբողջ ճանապարհը ներքեւ այստեղ!

Այնքան, եթե ես մի $("# Tab1Content").թաքցնել(), Ես էլ թաքցնում Tab2 եւ ես երբեք չեմ կարող ցույց տալ Tab2, եթե ես չեմ էլ ցույց Tab1. Ես պատճենահանված եւ pasted կոդը մինչեւ մեջ Visual Studio եւ այն ցույց տվեց, բոլորը ձեզ հետ պաստառում մինչեւ լավ, ճիշտ այնպես, ինչպես նրանք պետք է անում, փնտրում նման:

-<div մականունը = "Tab1Content">
+<div>
+<div>
-<div մականունը = "Tab2Content">
+<div>
+<div>

Ես ծեծում իմ գլուխը դեմ պատի մի որոշ ժամանակ, եւ նկատեց, որ բուն HTML կոդը հանձնարարված էր արտադրող մի շատ դատարկ է <div> Tags, նման:

<մարմին>

<div մականունը = "Tab1Content">

    <div մականունը = "row1" />
    <div մականունը = "row2" />

</div>

<div մականունը = "Tab2Content">

    <div մականունը = "row1" />
    <div մականունը = "row2" />

</div>

</մարմին>

(Վերը նշված է waaaaaaaaaaaay oversimplified. Դատարկ div tags ամբողջովին ուժի մեջ. Իմ մի քանի <div> tags լիքն էին բովանդակության, բայց շատ ավելին էին, ոչ. Եկա իրականացմանը, որ իմ <xsl:համար յուրաքանչյուր> դիրեկտիվներ, որոնք emitting կարճ ձեւը DIV տեգերը, երբ xsl:համար յուրաքանչյուր չեն, գտնել որեւէ տվյալներ. Ես ստիպված մի օրերի մեկնաբանել է արտադրանքի, ինչպես ցուցադրված է:

Դրանից հետո ես, որ, բոլոր div է կնճռոտ լավ ու թերթ անցումը սկսել է աշխատել.

Ինչպես միշտ, Հուսով եմ, որ դա օգնում է մեկին մի պտղունց.

</վերջ>

Անդամագրվել իմ բլոգում.

Գտեք Twitter-ում http://www.twitter.com/pagalvin

Օրինակ: XSLT ստեղծում HTML Ռաֆֆի Չ. - Ի

1 Պատասխանել

Եմ անում մի քիչ XSL կազմի վերջերս, եւ կարծում եմ դրել միասին մի նմուշ իմ հետագա հիշատակման եւ դա կարող է լինել արժեք մեզ բոլորիս XSLT-ers կատարելու ապրում է internets.

Դիտարկենք հետեւյալ թեմա:

<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 Նամակ:տարածք = "պահպանել">

    <!– The "all" հաշվառք –>
    <a href="javascript:ViewTab(‘All’)">Դիտել բոլորը</ա>

    <!– Յուրաքանչյուր անհատ էջանշանը –>
    <!– Կրկնել բոլոր թարգմանությունը եւ ցուցադրել ճիշտ հղումներ. –>
    <xsl:for-each select="SearchTab">
      <xsl:sort select="@SortOrder"/>

      …
      <a href="javascript:ViewTab('{@ TabID}')"><xsl:value-of select="@Label"/></ա>
    </xsl:համար յուրաքանչյուր>

    <BR />


   </xsl:Կաղապար>

Ահա թե ինչ տեսք ունի նման Sharepoint:

</վերջ>

Անդամագրվել իմ բլոգում.

Գտեք Twitter-ում http://www.twitter.com/pagalvin