Tag Archives: ایکس ایس ایل ٹی

ایکس ایس ایل ٹی اور jQuery نمونے

میں نے ایکس ایس ایل ٹی اور jQuery کی کی ایک بہت کر رہا ہے اور میں دوسروں کے مستقبل میں مفید ہو سکتی ہے کہ چند ٹکڑوں کو بانٹنے لگا دیا گیا ہے.

مثال کے طور پر 1: سادہ جاوا اسکرپٹ کا اخراج / ایکس ایس ایل ٹی میں jQuery:

<xsl:سانچا میچ "کچھ =" XML:جگہ "محفوظ" =>

<!– استفسار دوستانہ فلٹر چھپے ہوئے میدان سے باہر خالی –>
<نوشتہ قسم "متن/جاوا" =>
    $(دستاویز).تیار(تقریب(){
      $("#QueryFriendlyFilters").ویل("خالی");
    });
</سکرپٹ>

</xsl:سانچے>

یہی تھوڑا سا لوڈ ہو رہا ہے ختم کرنے کے لئے صفحہ کے لئے انتظار کر رہی ہے کہ کچھ جاوا اسکرپٹ کا اخراج (کی وجہ سے $(دستاویز).تیار(...)) اور پھر "خالی" لغوی قیمت QueryFriendlyFilters نامی ایک خفیہ فیلڈ کی قیمت کا تعین کرتا ہے.

مثال کے طور پر 2: استعمال کریں <xsl:اگر> "سے زیادہ" دیکھنے کے لیے, "سے بھی کم", وغیرہ.

<xsl:سانچا میچ "کچھ =" XML:جگہ "محفوظ" =>

<دو id = "فدکاللفلٹرس">

    <xsl:تو test="@Count>0">
      <کلاس اسپین = "فدکفلٹرلیبل">موجودہ فلٹر:</مدت>
    </xsl:اگر>

    <!– زیادہ چیزیں یہاں ہوتا. –>

</xsl:سانچے>

مندرجہ بالا ٹکڑا "کچھ" عنصر کے "شمار" نامی ایک وصف صفر سے بڑا ہے تو دیکھنے کے لئے چیک کرتا ہے. اس کے پیچھے XML کچھ کی طرح ہو جائے گا:"

</ کچھ شمار = "5">

مثال کے طور پر 3: تمام عناصر کے ذریعے Iterate, jQuery کالز interspersing.

<!– تمام فلٹر کے ذریعے Iterate اور درست ڈسپلے لنکس. –>
<xsl:کے لئے-ہر منتخب کریں = "اسرفالٹر">

<ایک کلاس "فلٹرہریف =" ہریف = "جاوا سکرپٹ:mySubmitPage('ریموویوسرفلٹر','{@ ID}')">[ایکس]</ایک>

<کلاس اسپین = "فدکفلٹرلیبل"><xsl:کی قدر میں select="@FilterValue"/></مدت>

<نوشتہ قسم "متن/جاوا" =>

    $(دستاویز).تیار(تقریب(){
        <xsl:متن><![CDATA[$("#QueryFriendlyFilters").ویل( ($("#QueryFriendlyFilters").ویل() + " ]]></xsl:متن>\"<xsl:کی قدر میں select="@FilterValue"/>\"<xsl:متن><![CDATA["));]]></xsl:متن>
    });

</سکرپٹ>

</xsl:-ہر ایک کے لئے>

مندرجہ بالا ٹکڑا سب سے زیادہ پیچیدہ ہے اور ایسا کرنے کے آسان طریقے ہو سکتے ہیں.

اس کے پیچھے XML تقریبا اس کی طرح لگتا ہے:

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

یہ ٹکڑا کے ذریعے iterating ہے <یوزر کے فلٹر> نوڈ.

یہ سب سے پہلے کلک کیا جب صفحے پر پہلے سے ہی ہے کہ جاوا اسکرپٹ کی تقریب invokes کہ ایک اینکر ٹیگ اخراج, "mySubmitPage" اور پر ایک وصف کی قدر گزر جاتا ہے <یوزر کے فلٹر> "آئی ڈی" کے نام نوڈ.

اس کے بعد یہ صفحہ لوڈ کرنے کے لئے انتظار کر رہی ہے کہ کچھ jQuery اخراج. کہ jQuery اپ ڈیٹ FilterValue وصف کی قدر انہوں نے مزید کہا کی طرف سے "QueryFriendlyFilters" نامی ایک چھپی ہوئی میدان. تمام پاگل نوٹ <xsl:متن> اور <![CDATA[ ... ]]> سامان.

یہی ہے, اس کی مدد کرتا ہے امید ہے کہ!

</آخر>

اپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin

Endlessly Nesting <div> ٹیگ اور jQuery

جواب چھوڑیں

یہ اس طرح ایک oddball موضوع کی طرح لگتا ہے, میں نے اس کے بارے میں واقعی قابل بلاگنگ ہے یقین نہیں ہے, لیکن اس سے پہلے مجھے کبھی نہیں روکا ہے, تو یہاں ہم جا مسکراہٹ

مجھے کسی کی تلاش کی طرف سے کچھ اعداد و شمار ھیںچ رہا ہوں جہاں ایک منصوبے پر کام کر رہا ہوں, XML بالآخر ایکس ایس ایل ٹی کے ذریعے ایچ ٹی ایم ایل میں تبدیل کر دیا جاتا ہے کہ اس وقت ایک XML پیغام میں اسے پیکنگ اور. ملوث jQuery کی ایک بہت کچھ ہے, جس میں سے ایک تھوڑا سا کچھ جدول بندی فعالیت عملدرآمد کرتا ہے. آپ کو ایک ٹیب پر کلک کرتے ہیں تو (واقعی, ایک <div>), jQuery invokes. چھپانے() اور. شو() مختلف divs پر (اس معاملے میں کوئی postbacks ہیں تاکہ ابتدائی صفحہ لوڈ ہونے تمام مواد ڈاؤن لوڈ).

گھنٹے کے ایک گروپ پہلے, ٹیب سوئچنگ منطق erratically برتاؤ کرنا شروع کر دیا اور یہ میرے ٹیبز میں سے ایک کو ظاہر نہیں کرے گا. میں آخر میں ہے کہ انٹرنیٹ ایکسپلورر حقیقت اسے نیچے ٹریک (کم سے کم) سوچا کہ <div> ٹیگز تک اندر در اندر, intended.The ڈیولپر ٹول بار سے کہیں گہرے دکھائے گا:

-<div ID = "Tab1Content">
-<div>
    -<div>
      -<div ID = "Tab2Content">
        -<div>
           ..............................
                   </div> <-آخر یہ سب طریقے سے یہاں نیچے بند کر دیا گیا دکھا!

تو, میں نے کیا تو $("# Tab1Content").چھپا(), میں نے بھی Tab2 چھپانا چاہتے ہیں اور میں نے بھی Tab1 ظاہر نہیں کیا تو میں Tab2 دکھا کبھی نہیں ہو سکتا ہے. میں کاپی اور چسپاں کوڈ اپ بصری سٹوڈیو میں ہے اور یہ اچھی طرح 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 oversimplified ہے. خالی div ٹیگز مکمل طور پر درست ہیں. میرے سے کچھ <div> ٹیگز کے مواد کی مکمل تھے, لیکن بہت زیادہ نہیں تھے. مجھے احساس ہوا کہ میری <xsl:-ہر ایک کے لئے> جب xsl ہدایات مختصر فارم div ٹیگز نکل رہے تھے:کے لئے ہر 'کوئی اعداد و شمار نہیں مل سکا. میں پیداوار میں ایک HTML تبصرہ مجبور, کے طور پر دکھایا گیا:

میں نے اس کے بعد کیا, تمام div اچھی طرح لائن میں کھڑا کر اور میرے ٹیب پر سوئچنگ کام شروع کیا ہے.

ہمیشہ کی طرح, میں نے یہ ایک چوٹکی میں کسی کو امید ہے کہ میں مدد ملتی ہے.

</آخر>

اپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin

مثال کے طور پر: ایکس ایس ایل ٹی کی تشکیل کی href کی ایچ ٹی ایم ایل

1 جواب دیجیے

میں نے حال ہی میں XSL سامان کا تھوڑا سا کر رہا اور میں اپنے مستقبل میں ریفرنس کے لئے ایک نمونہ ایک دوسرے کے ساتھ ڈال دیا سوچا تھا اور یہ کہ ہم میں ایکس ایس ایل ٹی-روں کے تمام internets میں ایک زندہ بنانے کے لئے قیمت کا ہو سکتا ہے کر رہے ہیں.

مندرجہ ذیل XML پر غور کریں:

<فدکسیارچتبسکوللیکشن کا شمار "2" =>
<سیارچتب لیبل "کی صنعت =" سورٹوردر "00" لیبل = = "صنعتی" سیارچکونسٹرینٹ "مواد کی قسم =:صنعت" ٹاباد "831b2a74-98c4-4453-8061-86e2fdb22c63" = />
<سیارچتب لیبل "مشقوں =" سورٹوردر '01' لیبل = = "مشقیں" سیارچکونسٹرینٹ "مواد کی قسم =:پریکٹاکیگرایپس" ٹاباد "678e206b-6996-421f-9765-b0558fe1a9c0" = />
</فدکسیارچتبسکوللیکشن>

درج ذیل xsl ہیئت کا ٹکڑا ہریفس جدولوں کا ایک ذخیرہ شدہ فہرست پیدا کرے گا:

<xsl:سانچا میچ "فدکسیارچتبسکوللیکشن =" XML:جگہ "محفوظ" =>

    <!– "سب کو" جدول –>
    <ایک ہریف "جاوا سکرپٹ =:ویوتب('سب')">سب کچھ دیکھیں</ایک>

    <!– ہر انفرادی جدول –>
    <!– تمام جدولوں کے ذریعے دہرانا اور صحیح دکھائیں لنکس. –>
    <xsl:کے لئے-ہر منتخب کریں = "سیارچتب">
      <xsl:select="@SortOrder"/ چھانٹیں>

      …
      <ایک ہریف "جاوا سکرپٹ =:ویوتب('{@TabID}')"><xsl:کی قدر میں select="@Label"/></ایک>
    </xsl:-ہر ایک کے لئے>

    <BR />


   </xsl:سانچے>

یہاں یہ کیسا SharePoint میں لگتا ہے:

</آخر>

اپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin