بایگانی برچسب: جی کوئری

XSLT و نمونه های جی کوئری

2 پاسخ ها

من انجام داده اند بسیاری از XSLT و jQuery و فکر من یک قطعه چند که دیگران ممکن است مفید باشد در آینده به اشتراک گذاری.

مثال 1: ساطع جاوا اسکریپت ساده / از jQuery در XSLT:

<XSL:بازی قالب = "چیزی" XML:فضا = "حفظ">

  <!– مسدود کردن پرس و جو دوستانه زمینه فیلتر های پنهان –>
  <نوع اسکریپت = "متن / جاوا اسکریپت">
    $(سند).آماده(تابع(){
      $("# QueryFriendlyFilters").وال("خالی");
    });
  </خط>

</XSL:قالب>

این بیت از خود ساطع میکند، برخی از جاوا اسکریپت است که منتظر این صفحه را به پایان برساند در حال بارگذاری (به دلیل $(سند).آماده(...)) و پس از آن مجموعه ارزش یک فیلد پنهان QueryFriendlyFilters به ​​ارزش ادبی "خالی" به نام.

مثال 2: استفاده <XSL:اگر> برای بررسی "بیشتر از",  "کمتر از", غیره.

<XSL:بازی قالب = "چیزی" XML:فضا = "حفظ">

  <شناسه DIV = "fdcAllFilters>
 
    <XSL:اگر تست = "@ تعداد>0">
      <کلاس دهانه = "fdcFilterLabel>فیلترهای کنونی:</محدوده>
    </XSL:اگر>

    <!– بیشتر چیزهای اتفاق می افتد در اینجا. –>

</XSL:قالب>

قطعه فوق را چک میکند تا ببینید که آیا یک ویژگی به نام "تعداد" از "عنصر" چیزی بزرگتر از صفر است.  XML پشت این خواهد بود چیزی شبیه:"

<چیزی تعداد = "5" />

مثال 3: تکرار را از طریق تمام عناصر, interspersing تماس جی کوئری.

<!– تکرار را از طریق همه فیلتر و نمایش صحیح  لینک ها. –>
<XSL:برای هر یک را انتخاب کنید = "UserFilter">

  <یک کلاس = "FilterHref" یک عکاس هنگام عکسبرداری = "جاوا اسکریپت:mySubmitPage(‘RemoveUserFilter’,'{@ID}')">[X]</a>

  <کلاس دهانه = "fdcFilterLabel><XSL:ارزش را انتخاب کنید = "@ FilterValue" /></محدوده>

  <نوع اسکریپت = "متن / جاوا اسکریپت">

    $(سند).آماده(تابع(){
        <XSL:متن><![CDATA[$("# QueryFriendlyFilters").وال( ($("# QueryFriendlyFilters").وال() + " ]]></XSL:متن>\"<XSL:ارزش را انتخاب کنید = "@ FilterValue" />\"<XSL:متن><![CDATA["));]]></XSL:متن>
    });

  </خط>

</XSL:و هر>

قطعه فوق پیچیده ترین و آسان به آن را انجام دهد ممکن است وجود داشته باشد.

XML پشت این به نظر می رسد، تقریبا مثل این:

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

این قطعه در حال تکرار از طریق <UserFilter> گره. 

این برای اولین بار از خود ساطع میکند، برچسب Anchor که زمانی که کلیک فراخوانی یک تابع جاوا اسکریپت است که در حال حاضر در صفحه, "mySubmitPage" عبور می کند و ارزش ویژگی در <UserFilter> گره به نام "ID". 

سپس آن را از خود ساطع میکند، برخی از jQuery است که انتظار صفحه برای بارگذاری.  این جی کوئری به روز رسانی فیلد پنهان "QueryFriendlyFilters" با اضافه کردن ارزش ویژگی FilterValue را به نام.  توجه داشته باشید همه دیوانه <XSL:متن> و <![CDATA[ ... ]]> چیز.

که در آن است, امیدوارم آن کمک می کند!

</پایان>

مشترک شدن در وبلاگ من.

من در توییتر در http://www.twitter.com/pagalvin

Lists.asmx, GetListItems و پوشه

6 پاسخ ها

من انجام برخی تحقیقات را برای کسی که امروز در سراسر وب سرویس list.asmx ارائه شده به عنوان بخشی از شیرپوینت 2010 (و قبل از آن).  او قادر بود برای به دست آوردن اقلام لیست در پوشه ریشه (از جمله نامهای از زیر پوشه ها), اما می تواند در موارد زیر پوشه ها را می کنید.  من برخی به دنبال بود در اطراف بر روی اینترنت و شگفت آور یک سوال مشترک است.  هنوز, من می توانم پاسخ خوبی به این سوال ساده نیست, "اگر من می دانم که پوشه, چگونه این اقلام را در پوشه?"  صادق باشد, من این همه سعی نمی کند از آنجایی که من می خواستم به شکل خود من در حالی که برای یکی از لبخند.

برای تنظیم این, ایجاد یک سایت به نام "سناریو وبنوشتها" و یک لیست سفارشی به نام "سفارشی با زیر پوشه".  من پس از آن ایجاد پوشه به نام:

  • سال 2005
  • سال 2006
  • سال 2007

من چند مورد را به پوشه "سال 2006".  این همان چیزی است که آن را مانند به نظر می رسد:

image

دوست من است کد # C نوشتن نیست، بلکه با استفاده از جاوا, بنابراین پاکت SOAP چیزی بود که او واقعا مورد نیاز است.  برای دریافت کنید که, من نوشت: یک بیت از jQuery و سپس با استفاده از نوازنده برای گرفتن مکالمه واقعی HTTP.

در اینجا ذکر کرد که jQuery مربوطه (من کپی کد زیر اگر می خواهید به کپی / چسباندن):

image

آنها کلید اول این است که شامل هر دو <queryOptions> و <QueryOptions> گره.  کلید دوم این است که <پوشه> گره URL که به مشتری است که دسترسی است.

ممکن است راه های دیگر را به این, اما این را به خوبی برای من کار می کرد که با استفاده از jQuery.

در اینجا این است که پاکت SOAP برای بالا:

<soapenv:xmlns پاکت:soapenv =’HTTP://schemas.xmlsoap.org / صابون / پاکت /’>                
  <soapenv:بدن>
    <xmlns GetListItems =’HTTP://schemas.microsoft.com / شیرپوینت / صابون /’>
      <برگریز>لیست سفارشی با پوشه های فرعی</برگریز>
      <viewFields>  
        <ViewFields>
          <FieldRef نام = 'عنوان’ />
          <FieldRef نام = 'EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <پوشه>HTTP://demoserver1/Blogging سناریوهای / لیست / فهرست های سفارشی با زیر پوشه / سال 2006</پوشه>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
  </soapenv:بدن>
</soapenv:پاکت>

بسیاری از مثال ها و بحث در اطراف این باعث شد من به این باور است که تمام چیزی که نیاز دارم <QueryOptions> و مشخص نام پوشه.  برای من, من به هر دو بسته بندی کردن آن در داخل نیاز <queryOptions> همچنین به عنوان یک URL به طور کامل واجد شرایط برای مشخص <پوشه> گره.

در اینجا راه اندازی جی کوئری AJAX:

$(سند).آماده(تابع() {
       ور = soapenv
           "<soapenv:xmlns پاکت:soapenv =’HTTP://schemas.xmlsoap.org / صابون / پاکت /’> \
               <soapenv:بدن> \
                    <xmlns GetListItems =’HTTP://schemas.microsoft.com / شیرپوینت / صابون /’> \
                       <برگریز>لیست سفارشی با پوشه های فرعی</برگریز> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef نام = 'عنوان’ /> \
                              <FieldRef نام = 'EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <پوشه>http://demoserver1/Blogging سناریوهای / لیست / فهرست های سفارشی با زیر پوشه / سال 2006</پوشه> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:بدن> \
           </soapenv:پاکت>";

</پایان>

مشترک شدن در وبلاگ من.

من در توییتر در http://www.twitter.com/pagalvin

بی وقفه تودرتو <DIV> برچسب ها و jQuery

پاسخ دهید

این به نظر می رسد چنین موضوع عجیب و غریب, من مطمئن هستم که آن واقعا ارزشش وبلاگ نویسی در مورد, اما که من قبل از متوقف هرگز, بنابراین در اینجا ما به لبخند

من کار کردن بر روی یک پروژه که در آن من کشیدن برخی از داده ها از یک جستجو, بسته بندی آن را به یک پیام XML و پس از آن که XML در نهایت به HTML از طریق XSLT تبدیل شده است.  بسیاری از jQuery وجود دارد, یک بیت از آن پیاده سازی برخی از قابلیت tabbing.  هنگامی که شما بر روی یک تب کلیک کنید (واقعا, a <DIV>), جی کوئری فراخوانی مخفی() و نشان می دهد() در divs مختلف (بار اولیه صفحه دریافت تمام مطالب بنابراین هیچ postback های در این مورد وجود دارد).

دسته ساعت پیش, تب سوئیچینگ منطق شروع به رفتار نامنظم و آن را نمی خواهد یکی از زبانه ها من نشان می دهد.  من در نهایت آن را دنبال می کردن به این واقعیت که اینترنت اکسپلورر (حداقل) فکر می کردم که <DIV> برچسب های تو در تو دور, مراتب عمیق تر از نوار ابزار توسعه دهنده intended.The را نشان می دهد:

-<شناسه DIV = "Tab1Content و">
  -<DIV>
    -<DIV>
      -<شناسه DIV = "Tab2Content و">
        -<DIV>
           ..............................
                   </DIV>  <در نهایت نشان دادن آن را به تمام راه را در اینجا بسته شد!

پس, اگر من $("# Tab1Content").پنهان کردن(), من هم می خواهم با Tab2 پنهان و من هرگز می تواند Tab2 نشان می دهد اگر من نیز Tab1 نشان می دهد.  کپی و جا به جا من کد بالا را در ویژوال استودیو و همه پوشش دیو نشان داد تا سادگی, درست مثل آنها قرار بود به انجام, به دنبال شبیه به این:

-<شناسه DIV = "Tab1Content و">
  +<DIV>
  +<DIV>
-<شناسه DIV = "Tab2Content و">
  +<DIV>
  +<DIV>

من سرم را در مقابل دیوار در حالی که برای ضرب و شتم و متوجه شده است که در کد HTML غیر واقعی تولید در بسیاری از خالی <DIV> برچسب ها, مانند:

<بدن>

  <شناسه DIV = "Tab1Content و">

    <دیو شناسه = "ROW1" />
    <دیو شناسه = "ROW2" />

  </DIV>

  <شناسه DIV = "Tab2Content و">

    <دیو شناسه = "ROW1" />
    <دیو شناسه = "ROW2" />

  </DIV>

</بدن>

(است ساده waaaaaaaaaaaay.  تگ div خالی کاملا معتبر هستند. برخی از من <DIV> برچسب های کامل از محتوا, اما بسیاری دیگر نبودند.  من به تحقق آمد که من <XSL:و هر> دستورات انتشار تگ div فرم کوتاه زمانی که XSL:برای هر 'پیدا کردن هر گونه داده است.  من نظر HTML به خروجی را مجبور, به عنوان نشان داده شده است:

image

 

پس از من که, تمام DIV اندود سادگی و سوئیچینگ تب من شروع به کار.

مثل همیشه, من امیدوارم که این کمک می کند تا کسی که در خرج کردن.

</پایان>

مشترک شدن در وبلاگ من.

من در توییتر در http://www.twitter.com/pagalvin

با این حال، بیشتر از jQuery–تغییر اندازه تصویر به عنوان مثال

پاسخ دهید

من یک قسمت وب را از فروشنده در مشتری به ارث برده و آن را تا تصویر اندازه مشکل است.  این تصاویر باید 60×50 اما برای برخی از دلایل عجیب و غریب, فروشنده اصلی آنها را به 42 مجبور×42, به طوری که آنها نگاه له:

 

تصویر خوب

تصویر بد

نشانه گذاری (ساده):

<جدول کلاس = 'افزایش یافته، چشم انداز>
  <thead>
    <TR>
      <هفتم  عرض = '100′>3 سهشنبه</هفتم>
    </TR>
  </thead>

  <tbody را>
    <TR = 'پیش بینی'>
      <عرض فلش = '100′>
        <خیابان>
          <لی کلاس = 'بالا'>زیاد: 72&شما;F</لی>
          <لی کلاس = کم>پایین: 44&شما;F</لی>
          <شرایط لی کلاس =>افتابی
            <IMG SRC =’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ عرض = '42’ ارتفاع = '42’ ALT =” />
          </لی>
        </خیابان>
      </فلش>
    </TR>

  </tbody را>

</جدول>

شما توجه داشته باشید که حتی اگر مسیر را به تصویر خود را نشان می دهد ابعاد مناسب (60×50) فروشنده اصلی آن در 42 مجبور×42.  چرا?  دیوانه.

به هر حال, من می خواستم یک راه حل سریع و آسان به این موضوع و من به جی کوئری تبدیل شده است.  ترفند برای قرار دادن مناسب <IMG> برچسب ها  من به سرگین مورد می خواهم با هر تگ IMG (که بسیاری وجود دارد).  این بیت از جی کوئری، ترفند:

<نوع اسکریپت = "متن / جاوا اسکریپت" SRC ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></خط>

<نوع اسکریپت = "متن / جاوا اسکریپت">
     $(سند).آماده(تابع () {

         $(‘li.condition > 'IMG).هر(تابع (شاخص, آیتم)
            {
             $(آیتم).CSS("عرض", "60"); 
             $(آیتم).CSS("ارتفاع", "50");
            });
     }); // در بار سند
</خط>

این بیت از کد، مجموعه ای را پیدا می کند <لی> برچسب ها که کلاس "شرط" و <IMG> کودکان می باشد.  سپس از طریق تمام iterates.  کار از جمله جذابیت.

من احتمالا می تواند آن را ساده, اما من نوع پسر یونیکس است که به حل π هرگز به 18 دقت رقم با استفاده از SED و AWK و من این نوع نیست اگر مرد جی کوئری یا لبخند.

</پایان>

مشترک شدن در وبلاگ من.

من در توییتر در http://www.twitter.com/pagalvin

Take Control of your OK and Cancel Buttons

3 پاسخ ها

I wrote این مقاله a while back, but looks like I didn’t link to it from my blog at the time, so here goes:

image

This article describes how to force newform.aspx to redirect to one page when the user clicks OK and a different page when she clicks cancel.

</پایان>

مشترک شدن در وبلاگ من.

من در توییتر در http://www.twitter.com/pagalvin

نکته سریع: اضافه کردن جی کوئری به MOSS انتشارات صفحات

1 پاسخ

هنگام بالا بردن صفحات publising MOSS با استفاده از jQuery, من ضربه دست انداز با سرعت زیر:

Server Error in ‘/’ درخواست.

خطا در تجزیه کننده

شرح: یک خطا رخ داده است در طی تجزیه از منابع مورد نیاز برای این سرویس درخواست. لطفا این فایل نقد می نویسید: جزئیات پارسه زیر خاص خطا و تغییر فایل منبع خود را به طور مناسب.

تجزیه کننده پیام خطا: Only Content controls are allowed directly in a content page that contains Content controls.

خطا در منبع: 

 
Line 10: 
Line 11: 
Line 12: <script 
Line 13:     type="text/javascript" 
Line 14:     src="/jQuery/jquery-1.4.min.js">

فایل منبع: /_catalogs/masterpage/KCC_FacultyMember.aspx    خط: 12

اطلاعات نسخه: مایکروسافت نسخه دات نت فریم ورک:2.0.50727.4927; ASP.NET نسخه:2.0.50727.4927

It was easy enough to fix (h/t to my colleague, Uday Ethirajulu).  Be sure that the jQuery code lives inside the “PlaceHolderAdditionalPageHead” as shown:

<افعی:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server">

<خط

    type="text/javascript"

    src="/jQuery/jquery-1.4.min.js">

</خط>

<نوع اسکریپت = "متن / جاوا اسکریپت">

  $(سند).آماده(تابع() {

   // Brilliant jQuery stuff goes here.

   });

</خط>

</پایان>

مشترک شدن در وبلاگ من.

من در توییتر در http://www.twitter.com/pagalvin