ట్యాగ్ ఆర్కైవ్స్: XSLT

XSLT మరియు j క్వెరీ నమూనాలు

నేను XSLT మరియు j క్వెరీ యొక్క చాలా చేయడం మరియు నేను ఇతరుల భవిష్యత్తులో ఉపయోగపడే కొన్ని స్నిప్పెట్లను భాగస్వామ్యం ఇష్టం ఆలోచన చేశారు.

ఉదాహరణ 1: సాధారణ జావాస్క్రిప్ట్ విడుదల / XSLT లో j క్వెరీ:

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

<!– ప్రశ్న స్నేహపూర్వక ఫిల్టర్లు దాచిన ఫీల్డ్ ఖాళీగా –>
<script type="text/javascript">
    $(పత్రం).సిద్ధంగా(ఫంక్షన్(){
      $("#QueryFriendlyFilters").Val("empty");
    });
</లిపి>

</XSL:టెంప్లేట్>

ఆ బిట్ లోడింగ్ పూర్తి కావడానికి పేజీ కోసం వేచి కొన్ని జావాస్క్రిప్ట్ ప్రసరిస్తుంది (ఎందుకంటే $(పత్రం).సిద్ధంగా(...)) ఆపై "ఖాళీ" సాహిత్య విలువ QueryFriendlyFilters అనే రహస్య రంగంలో విలువ సెట్.

ఉదాహరణ 2: ఉపయోగించండి <XSL:అయితే> "కంటే ఎక్కువ" తనిఖీ, "కంటే తక్కువ", మొదలైనవి.

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

<div id="fdcAllFilters">

    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">ప్రస్తుత ఫిల్టర్:</వ్యవధి>
    </XSL:అయితే>

    <!– మరింత stuff ఇక్కడ జరుగుతుంది. –>

</XSL:టెంప్లేట్>

పైన స్నిప్పెట్ "ఏదో" ఎలిమెంట్ యొక్క "కౌంట్" అనే పేరుగల విశేషణము సున్నా కంటే ఎక్కువ ఉంటే చూసేందుకు తనిఖీ చేస్తుంది. ఈ వెనుక XML ఏదో మాదిరిగా అవుతుంది:"

</ ఏదో కౌంట్ = "5">

ఉదాహరణ 3: అన్ని అంశాలు ద్వారా Iterate, j క్వెరీ కాల్స్ interspersing.

<!– అన్ని ఫిల్టర్లు ద్వారా Iterate మరియు సరైన ప్రదర్శించడానికి లింకులు. –>
<XSL:for-each select="UserFilter">

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

<span class="fdcFilterLabel"><XSL:value-of select="@FilterValue"/></వ్యవధి>

<script type="text/javascript">

    $(పత్రం).సిద్ధంగా(ఫంక్షన్(){
        <XSL:టెక్స్ట్><![CDATA[$("#QueryFriendlyFilters").Val( ($("#QueryFriendlyFilters").Val() + " ]]></XSL:టెక్స్ట్>\"<XSL:value-of select="@FilterValue"/>\"<XSL:టెక్స్ట్><![CDATA["));]]></XSL:టెక్స్ట్>
    });

</లిపి>

</XSL:-ప్రతి కోసం>

పైన స్నిప్పెట్ అత్యంత క్లిష్టమైన మరియు దీన్ని సులభంగా మార్గాలు ఉండవచ్చు.

ఈ వెనుక XML సుమారు ఈ అనిపిస్తోంది:

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

ఈ స్నిప్పెట్ ద్వారా సంభవింప ఉంది <వాడుకరి ఫిల్టర్> నోడ్స్.

ఇది మొదటి క్లిక్ చేసినప్పుడు పేజీ ఇప్పటికే ఒక JavaScript ఫంక్షన్ లేవనెత్తింది ఒక యాంకర్ ట్యాగ్ ప్రసరిస్తుంది, "MySubmitPage" మరియు ఒక లక్షణం విలువ వెళుతుంది <వాడుకరి ఫిల్టర్> "ID" అనే నోడ్.

ఇది అప్పుడు పేజీ లోడ్ చెయ్యడానికి నిలబడుతుంది కొన్ని j క్వెరీ ప్రసరిస్తుంది. ఆ j క్వెరీ నవీకరణలను FilterValue గుణం యొక్క విలువ జోడించడం ద్వారా "QueryFriendlyFilters" అనే రహస్య రంగంలో. అన్ని వెర్రి గమనిక <XSL:టెక్స్ట్> మరియు <![CDATA[ ... ]]> వస్తువు.

అది, ఇది సహాయపడుతుంది ఆశిస్తున్నాము!

</చివర>

నా బ్లాగ్ సబ్స్క్రయిబ్.

వద్ద ట్విట్టర్ లో నన్ను అనుసరించండి http://www.twitter.com/pagalvin

అనంతంగా గూడు <DIV> టాగ్లు మరియు j క్వెరీ

సమాధానం ఇవ్వూ

ఇది ఒక oddball అంశం వంటి తెలుస్తోంది, నేను దాని గురించి నిజంగా విలువ బ్లాగింగ్ ఉండేటట్లు కాదు, కానీ ముందు నాకు నిలిపివేయబడింది ఎప్పుడూ, ఇక్కడ మేము వెళ్ళి స్మైల్

నేను ఒక శోధన నుండి కొన్ని డేటా లాగడం వెబ్ పేరు ఒక ప్రాజెక్ట్ పై పని చేస్తున్నాను, XML చివరికి XSLT ద్వారా HTML రూపాంతరం అని అప్పుడు ఒక XML సందేశాన్ని గా అప్ ప్యాకేజింగ్ మరియు. చేరి j క్వెరీ చాలా ఉంది, ఇది ఒకటి బిట్ కొన్ని tabbing కార్యాచరణను అమలు. మీరు ఒక టాబ్ పై క్లిక్ చేసినప్పుడు (నిజంగా, ఒక <DIV>), j క్వెరీ లేవనెత్తింది. దాచిపెట్టు() మరియు. షో() వివిధ divs న (ఈ విషయంలో దానికి postbacks ఉన్నాయి కనుక మొదటి పేజీ లోడ్ అన్ని కంటెంట్ డౌన్లోడ్).

గంటల ఒక బంచ్ క్రితం, టాబ్ మార్పిడి తర్కం ఏర్రాటికల్గా ప్రవర్తించే ప్రారంభించారు మరియు నా ట్యాబ్ల ఒక చూపించడానికి కాదు. నేను చివరికి ఇంటర్నెట్ ఎక్స్ ప్లోరర్ నిజానికి దాన్ని ట్రాక్ (కనీసం) ఆలోచన ఆ <DIV> టాగ్లు చాలా యున్న, intended.The డెవలపర్ టూల్బార్ కంటే లోతుగా చూపిస్తుంది:

-<div ID = "Tab1Content">
-<DIV>
    -<DIV>
      -<div ID = "Tab2Content">
        -<DIV>
           ..............................
                   </DIV> <-చివరకు దానిని డౌన్ ఇక్కడ ముగించడమైనది చూపిస్తున్న!

ఈ విధంగా, నేను ఒక చేస్తే $("# Tab1Content").సుమారు 120 ఏకరాల భూమి(), నేను కూడా Tab2 దాచడానికి ఇష్టం మరియు నేను కూడా Tab1 లేదని నేను Tab2 ఎన్నటికీ కాలేదు. నేను కాపీ మరియు అతికించారు కోడ్ అప్ దృశ్య స్టూడియో లోకి మరియు ఇది చక్కగా div యొక్క లైనింగ్ యొక్క అన్ని అప్ చూపించాడు, వారు చేస్తున్న చేయాలనుకున్నాము వలె, ఈ వలే:

-<div ID = "Tab1Content">
+<DIV>
+<DIV>
-<div ID = "Tab2Content">
+<DIV>
+<DIV>

నేను కాసేపు గోడ నా తల ఓడించారు మరియు వాస్తవ HTML కోడ్ ఖాళీ చాలా ఉత్పత్తి గమనించి <DIV> టాగ్లు, వంటి:

<శరీరం>

<div ID = "Tab1Content">

    <div ID = "ROW 1" />
    <div ID = "ROW 2" />

</DIV>

<div ID = "Tab2Content">

    <div ID = "ROW 1" />
    <div ID = "ROW 2" />

</DIV>

</శరీరం>

(పైన waaaaaaaaaaaay అతిగా సులభతరం ఉంది. ఖాళీ div టాగ్లు పూర్తిగా చెల్లుతాయి. నా యొక్క కొన్ని <DIV> టాగ్లు కంటెంట్ పూర్తిగా, కానీ చాలా మంది ఉన్నారు. నేను పరిపూర్ణత వచ్చింది నా <XSL:-ప్రతి కోసం> ఉన్నప్పుడు XSL మార్గదర్శకాలు తక్కువ రూపం div టాగ్లు వెలువరించే ఉన్నాయి:కోసం ప్రతి 'ఏ డేటా కనుగొనలేదు. నేను అవుట్పుట్ లోకి ఒక HTML వ్యాఖ్య వచ్చింది, చూపిన విధంగా:

నేను ఆ తర్వాత, అన్ని div చక్కగా అప్ కప్పుతారు మరియు నా టాబ్ మార్పిడి పని ప్రారంభించడంతో.

ఎప్పుడు, నేను ఈ ఒక చిటికెడు లో ఎవరైనా సహాయపడుతుంది ఆశిస్తున్నాము.

</చివర>

నా బ్లాగ్ సబ్స్క్రయిబ్.

వద్ద ట్విట్టర్ లో నన్ను అనుసరించండి http://www.twitter.com/pagalvin

ఉదాహరణ: XSLT సృష్టిస్తోంది HTML href యొక్క

1 మౌఖికంగా జవాబు చెప్పు

నేను ఆలస్యంగా XSL stuff ఒక బిట్ చేయడం మరియు నేను నా భవిష్యత్ సూచన కోసం ఒక నమూనా కూర్చు ఇష్టం అనుకున్నట్లుగా మాకు XSLT-ERS అన్ని ఇంటర్నెట్ల ఒక దేశం మేకింగ్ కు విలువ కావచ్చు చేసిన.

కింది 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 లో కనిపిస్తుంది ఏమిటి:

</చివర>

నా బ్లాగ్ సబ్స్క్రయిబ్.

వద్ద ట్విట్టర్ లో నన్ను అనుసరించండి http://www.twitter.com/pagalvin