תג ארכיון: XSLT

XSLT ו- Mootools דוגם

אני עשו המון XSLT jQuery והמחשבה שניתן לשתף מקטעי כמה אחרים ייתכן שיהיו שימושיות עבורך בעתיד.

דוגמה 1: לפלוט JavaScript פשוט / jQuery ב- XSLT:

<xsl:התאמת תבנית = "משהו" xml:שטח = "לשמר">

  <!– ריק החוצה השדה המוסתר של מסננים ידידותי שאילתה –>
  <סקריפט סוג = "טקסט/javascript">
    $(המסמך).מוכן(פונקציה(){
      $("#QueryFriendlyFilters").ול("ריק");
    });
  </קובץ script>

</xsl:תבנית>

מעט מקרינה JavaScript תמתין הטעינה של הדף (בגלל $(המסמך).מוכן(…)) ולאחר מכן ערכות הערך של שדה מוסתר בשם QueryFriendlyFilters הערך הליטרלי "ריק".

דוגמה 2: השימוש <xsl:אם> כדי לבדוק "גדול מ",  "פחות", ועוד.

<xsl:התאמת תבנית = "משהו" xml:שטח = "לשמר">

  <div id = "fdcAllFilters">
 
    <xsl:אם test="@Count>0">
      <span class = "fdcFilterLabel">המסננים הנוכחיים:</טווח>
    </xsl:אם>

    <!– חומר נוסף קורה כאן. –>

</xsl:תבנית>

גזיר לעיל יבדוק אם תכונה בשם "לספור" יסוד "משהו" גדול מאפס.  ה-XML מאחורי זה יהיה משהו כמו:”

<משהו Count = "5" />

דוגמה 3: סוב בין כל הרכיבים, interspersing שיחות jQuery.

<!– סוב בין כל המסננים ולהציג הנכון  קישורים. –>
<xsl:עבור-כל בחירה = "UserFilter">

  <מחלקה = "FilterHref" href = "javascript:mySubmitPage('RemoveUserFilter','{@ ID}’)">[X]</של>

  <span class = "fdcFilterLabel"><xsl:הערך של select="@FilterValue"/></טווח>

  <סקריפט סוג = "טקסט/javascript">

    $(המסמך).מוכן(פונקציה(){
        <xsl:טקסט><![CDATA[$("#QueryFriendlyFilters").ול( ($("#QueryFriendlyFilters").ול() + " ]]></xsl:טקסט>\"<xsl:הערך של select="@FilterValue"/>\"<xsl:טקסט><![CDATA["));]]></xsl:טקסט>
    });

  </קובץ script>

</xsl:עבור-כל>

גזיר לעיל הוא מורכב ביותר, ייתכן שקיימות דרכים קל יותר לעשות זאת.

ה-XML מאחורי זה נראה בערך כך:

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

מקטע זה איטראציה עד <UserFilter> צמתים. 

הוא מפיק תחילה עוגן תיוג אשר בעת לחיצה על הפעלת פונקציה JavaScript כבר בדף, "mySubmitPage" ומעביר את הערך של תכונה ב- <UserFilter> צומת בשם "מזהה". 

לאחר מכן, הוא מפיק מסוימים jQuery אשר ממתין לטעינת העמוד.  כי jQuery מעדכנת שדה מוסתר בשם "QueryFriendlyFilters" על-ידי הוספת הערך של תכונת FilterValue.  הערה כל מטורף <xsl:טקסט> ו <![CDATA[ … ]]> דברים.

זהו זה, התקווה שהיא מסייעת!

</קצה>

מנוי על הבלוג שלי.

עקוב אחרי הטוויטר ב http://www.twitter.com/pagalvin

קינון אינסופית <div> תגיות ו- Mootools

זה נראה כמו נושא כלי יוצא דופן, אני לא בטוח שזה באמת שווה בלוגים אודות, אבל זה מעולם לא הפסיקה אותי לפני, אז הנה אנחנו הולכים חיוך

אני עובד על פרוייקט בו אני אני שליפת נתונים מסוימות לאחר חיפוש, אריזה זה לתוך הודעת ה-XML ולאחר מכן ב- XML הוא בסופו של דבר הופך HTML באמצעות ה-XSLT.  יש הרבה jQuery מעורב, סיבית אחת אשר מיישמת חלק מהפונקציונליות הטאבים.  בעת לחיצה על לשונית (באמת, של <div>), jQuery מפעיל להחביא() הראי() ב- divs שונים (עומס הדף ההתחלתי מוריד את התוכן כך ישנן פעולות postback אין במקרה זה).

חבורה של לפני שעות, הכרטיסיה מיתוג לוגיקה התחיל לשיבושים, זה מופיע באחת הכרטיסיות שלי.  אני בסופו של דבר הצליחו לקשר זאת העובדה שבה internet explorer (לפחות) חשב <div> תגים מקוננים רחוק, עמוק הרבה יותר המיועד.הכלים מפתח יראה:

-<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 בשורה יפה, מיתוג הכרטיסיה שלי התחיל לעבוד.

כמו תמיד, אני מקווה שזה עוזר למישהו בצרה.

</קצה>

מנוי על הבלוג שלי.

עקוב אחרי הטוויטר ב http://www.twitter.com/pagalvin

דוגמה: XSLT יצירת Href של HTML

אני כבר היה עושה קצת דברים XSL לאחרונה וחשבתי שאני אעשה יחד מדגם לעיון בעתיד שלי, זה לא ערך על כל אחד מאיתנו XSLT-ers כך את מחייתם למצות.

שקול את ה-XML הבאים:

<ספירת FdcSearchTabsCollection = "2">
  <תווית SearchTab = "התעשייה" SortOrder = התווית "00" = "תעשיות" SearchConstraints = "contenttype:תעשיית" TabID = "831b2a74-98c4-4453-8061-86e2fdb22c63" />
  <תווית SearchTab = "נהלים" SortOrder = התווית "01" = "מנהגים" SearchConstraints = "contenttype:PracticeGroups" TabID = "678e206b-6996-421f-9765-b0558fe1a9c0" />
</FdcSearchTabsCollection>

גזיר XSL הבאה תיצור רשימה ממוינת של כרטיסיות hrefs:

<xsl:התאמת תבנית = "FdcSearchTabsCollection" xml:שטח = "לשמר">
   
    <!– כל"" הכרטיסיה –>
    <href = "javascript:ViewTab('כל')">הצג הכל</של>
   
    <!– כל כרטיסיה בודדים –>
    <!– סוב בין כל הכרטיסיות ולהציג הנכון  קישורים. –>
    <xsl:עבור-כל בחירה = "SearchTab">
      <xsl:מיון select="@SortOrder"/>

      …
      <href = "javascript:ViewTab(‘{@ TabID}’)"><xsl:הערך של select="@Label"/></של>
    </xsl:עבור-כל>

    <br /> 
   

   </xsl:תבנית>

כאן הוא נראה ב- SharePoint:

SNAGHTML78aa2cb

 

 

</קצה>

מנוי על הבלוג שלי.

עקוב אחרי הטוויטר ב http://www.twitter.com/pagalvin