tag சென்னை: எக்ஸ்எஸ்எல்டி

எக்ஸ்எஸ்எல்டி மற்றும் jQuery மாதிரிகளும்

நான் எக்ஸ்எஸ்எல்டி மற்றும் jQuery பற்றிய நிறைய செய்து நான் மற்றவர்கள் எதிர்காலத்தில் பயனுள்ளதாக இருக்கும் என்று ஒரு சில துணுக்குகளை பகிர்ந்து நினைத்தேன்.

உதாரணம் 1: எளிய ஜாவாஸ்கிரிப்ட் வெளியிடுவதில்லை / எக்ஸ்எஸ்எல்டி உள்ள jQuery:

<XSL:template match="something" எக்ஸ்எம்எல்:space="preserve">

<!– கேள்வி நட்பு வடிகட்டிகள் மறைக்கப்பட்ட துறையில் அவுட் வெற்று –>
<script type="text/javascript">
    $(ஆவணம்).தயார்(செயல்பாடு(){
      $("#QueryFriendlyFilters").Val("empty");
    });
</ஸ்கிரிப்ட்>

</XSL:டெம்ப்ளேட்டை>

அந்த பிட் ஏற்றுதல் முடிக்க பக்கம் காத்திருந்து சில ஜாவாஸ்கிரிப்ட் வெளிப்படுத்தினாலும் (ஏனெனில் $(ஆவணம்).தயார்(...)) பின்னர் "வெற்று" உண்மையான மதிப்பு QueryFriendlyFilters என்ற மறைக்கப்பட்ட புலம் மதிப்பு அமைக்கிறது.

உதாரணம் 2: பயன்படுத்த <XSL:என்றால்,> "அதிகமான" சரிபார்க்க, "குறைவான", முதலியன.

<XSL:template match="something" எக்ஸ்எம்எல்:space="preserve">

<div id="fdcAllFilters">

    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">தற்போதைய வடிகட்டிகள்:</span>
    </XSL:என்றால்,>

    <!– மேலும் பொருட்கள் இங்கே நடக்கிறது. –>

</XSL:டெம்ப்ளேட்டை>

மேலே துணுக்கை "ஒன்று" கூறு "கவுண்ட்" என்ற கற்பிதம் பூஜ்ஜியத்தை விட அதிகமாக உள்ளது என்பதை சரிபார்க்கிறது. இந்த பின்னணியில் எக்ஸ்எம்எல் ஒன்று போல் இருக்கும்:"

</ ஏதோ கவுண்ட் = "5">

உதாரணம் 3: அனைத்து உறுப்புகள் மூலம் மீண்டும் கூறு, jQuery அழைப்புகள் interspersing.

<!– அனைத்து வடிப்பான்களையும் மூலம் மீண்டும் கூறு மற்றும் சரியான காட்ட இணைப்புகள். –>
<XSL:for-each select="UserFilter">

<a class="FilterHref" href="javascript:mySubmitPage(‘RemoveUserFilter’,'{@ ஐடி}')">[எக்ஸ்]</ஒரு>

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

<script type="text/javascript">

    $(ஆவணம்).தயார்(செயல்பாடு(){
        <XSL:உரை><![CDATA[$("#QueryFriendlyFilters").Val( ($("#QueryFriendlyFilters").Val() + " ]]></XSL:உரை>\"<XSL:value-of select="@FilterValue"/>\"<XSL:உரை><![CDATA["));]]></XSL:உரை>
    });

</ஸ்கிரிப்ட்>

</XSL:-ஒவ்வொரு>

மேலே துணுக்கை மிகவும் சிக்கலான மற்றும் அதை செய்ய எளிதாக வழிகள் இருக்கலாம்.

இந்த பின்னணியில் எக்ஸ்எம்எல் தோராயமாக இந்த தெரிகிறது:

<UserFilter ஐடி = "123" FilterValue = "xyzzy" />

இந்த துணுக்கை வழியே தேடி <பயனர் வடிகட்டி> முனைகளில்.

அது முதல் சொடுக்கும் போது பக்கத்தில் ஏற்கனவே ஒரு ஜாவாஸ்கிரிப்ட் செயல்பாடு செயல்பட ஒரு நங்கூரம் tag வெளிப்படுத்தினாலும், "MySubmitPage" மற்றும் ஒரு கற்பித மதிப்பு மரணம் <பயனர் வடிகட்டி> "ஐடி" என்ற முனை.

அது பக்கம் ஏற்ற காத்திருக்கும் சில jQuery வெளியிடுகின்றன. என்று jQuery மேம்படுத்தல்கள் FilterValue கற்பிதத்தின் மதிப்பு சேர்ப்பதன் மூலம் "QueryFriendlyFilters" என்று பெயரிடப்பட்ட ஒரு மறைக்கப்பட்ட புலத்தில். அனைத்து பைத்தியம் குறிப்பு <XSL:உரை> மற்றும் <![CDATA[ ... ]]> பொருள்.

அவ்வளவு தான், இது உதவியாக இருக்கும் என நம்புகிறோம்!

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

முடிவில்லாமல் முடிச்சிடல் <div> Tags மற்றும் jQuery

ஒரு பதில் விட்டு

இது ஒரு oddball தலைப்பு போல் தெரிகிறது, நான் அதை பற்றி உண்மையிலேயே மதிப்புள்ள பிளாக்கிங் தான் நிச்சயமாக இல்லை, ஆனால், அதற்கு முன் என்னை நிறுத்தி, எனவே இங்கே நாம் ஸ்மைல்

நான் ஒரு தேடல் இருந்து சில தரவு இழுத்து நான் ஒரு திட்டம் வெளியே வேலை, packaging it up into an XML message and then that XML is ultimately transformed into HTML via XSLT. There’s a lot of jQuery involved, one bit of which implements some tabbing functionality. When you click on a tab (உண்மையாக, ஒரு <div>), jQuery invokes .hide() and .show() on various divs (the initial page load downloads all the content so there are no postbacks in this case).

A bunch of hours ago, the tab switching logic started to behave erratically and it wouldn’t show one of my tabs. I ultimately tracked it down to the fact that internet explorer (குறைந்தது) thought that the <div> tags nested far, far deeper than intended.The developer toolbar would show:

-<div id=”Tab1Content”>
-<div>
    -<div>
      -<div id=”Tab2Content”>
        -<div>
           …………………………
                   </div> <—finally showing it was closed all the way down here!

அப்படி, if I did a $(“#Tab1Content”).மறைக்க(), I’d also hide Tab2 and I could never show Tab2 if I didn’t also show Tab1. I copied and pasted the code up into visual studio and it showed all of the div’s lining up nicely, just like they were supposed to be doing, looking like this:

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

I beat my head against the wall for a while and noticed that in the actual HTML code was generating a lot of empty <div> குறிச்சொற்களை, like:

<உடல்>

<div id=”Tab1Content”>

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

</div>

<div id=”Tab2Content”>

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

</div>

</உடல்>

(The above is waaaaaaaaaaaay oversimplified. The empty div tags are totally valid. Some of my <div> tags were full of content, but many more were not. I came to the realization that my <XSL:-ஒவ்வொரு> directives were emitting the short-form div tags when the xsl:for-each didn’t’ find any data. I forced an HTML comment into the output, காட்டப்பட்டது:

After I did that, all the div’s lined up nicely and my tab switching started working.

எப்போதும் போல், I hope this helps someone in a pinch.

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

உதாரணம்: எக்ஸ்எஸ்எல்டி உருவாக்குதல் HTML HREF யின்

1 பதில்

நான் சமீபத்தில் XSL பொருட்கள் ஒரு பிட் செய்து நான் என் எதிர்கால தேவைகளுக்காக ஒரு மாதிரி ஒன்றாக என்று நினைத்தேன், அது எங்களுக்கு எக்ஸ்எஸ்எல்டி-நட்சத்திர அனைத்து 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" எக்ஸ்எம்எல்:space="preserve">

    <!– 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:டெம்ப்ளேட்டை>

இங்கே அது ஷேர்பாயிண்ட் உள்ள தெரிகிறது என்ன:

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin