Архива на ознаки: jQuery

XSLT и jQuery Примероци

2 одговори

Јас се прави многу на XSLT и jQuery и мислев јас би ги споделат неколку фрагменти што другите може да најдете корисни во иднина.

Пример 1: Емитуваат едноставни вклучите Javascript- / jQuery во XSLT:

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

  <!– Празно надвор барањето пријателски филтри поле –>
  <скрипта тип = "text / javascript">
    $(документ).подготвени(функција(){
      $("#QueryFriendlyFilters").val("empty");
    });
  </скрипта>

</XSL:дефиниција>

Дека малку емитува некои го вклучите Javascript што ќе чека за оваа страница да заврши вчитувањето (бидејќи на $(документ).подготвени(...)) а потоа поставува вредноста на поле име QueryFriendlyFilters на буквално вредност "празни".

Пример 2: Користат <XSL:ако> да се провери "поголем од",  "Помалку од", итн.

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

  <div id="fdcAllFilters">
 
    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">Тековната филтри:</век>
    </XSL:ако>

    <!– повеќе работи се случува тука. –>

</XSL:дефиниција>

Горенаведените програмка проверки за да се види дали атрибут наречен "грофот" на "нешто" елемент е поголема од нула.  На XML зад ова ќе биде нешто како:"

<нешто брои = "5" />

Пример 3: Iterate преку сите елементи, interspersing jQuery повици.

<!– Iterate преку сите филтри и прикажување на вистинската  линкови. –>
<XSL:for-each select="UserFilter">

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

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

  <скрипта тип = "text / javascript">

    $(документ).подготвени(функција(){
        <XSL:текст><![CDATA[$("#QueryFriendlyFilters").val( ($("#QueryFriendlyFilters").val() + " ]]></XSL:текст>\"<XSL:value-of select="@FilterValue"/>\"<XSL:текст><![CDATA["));]]></XSL:текст>
    });

  </скрипта>

</XSL:за секој->

Горенаведените програмка е најсложен и таму може да биде полесно начини да го направи тоа.

На XML зад ова изгледа приближно вака:

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

Овој фрагмент се процесирањето преку <UserFilter> јазли. 

За прв пат емитува сидро таг, кој при кликање повикува на функција го вклучите Javascript која е веќе на страната, "MySubmitPage" и поминува вредноста на атрибутот на <UserFilter> јазол наречен "проект". 

Таа потоа емитира некои jQuery што ќе чека за оваа страница да се вчита.  Дека jQuery надградби поле наречена "QueryFriendlyFilters" со додавање на вредност на FilterValue атрибут.  Имајте на ум сите луди <XSL:текст> и <![CDATA[ ... ]]> работи.

Тоа е тоа, надевам дека тоа им помага!

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Lists.asmx, GetListItems и директориуми

6 одговори

Правев некои истражувања за некој денес целиот веб list.asmx услуги обезбедени како дел од SharePoint 2010 (и порано).  Таа беше во можност да се добие листа предмети на папка (вклучувајќи ги имињата на под-папки), но не можеше да се добие ставки во под-папки.  Јас не некои бараат околу за на Internets и тоа е изненадувачки заеднички прашање.  Сепак,, Не можев да се добие добар одговор на едноставно прашање, "Ако знам дека папката, Како можам да добијам на ставки во папка?"  Да бидам искрен, Не се обидов сето тоа тешко, бидејќи јас сум сакал да дознаам ова на моето за некое време Насмевка.

Да го поставите на овој, Јас создаде сајт наречен "Блогирање сценарија" и обичај листа наречена "Сопствен Листа со под директориуми".  Јас тогаш создаде директориуми именувани:

  • Година 2005
  • Година 2006
  • Година 2007

Јас додадов неколку предмети во папката "Година 2006".  Ова е она што изгледа како:

image

Мојот пријател не е пишување C # кодот туку со употреба на Java, па SOAP пликото беше она што таа навистина потребно.  Да се ​​добие дека, Напишав малку на jQuery и потоа се користи свирач да го добиете вистинскиот за HTTP разговор.

Тука е релевантен jQuery (Јас копирани го кодот долу, ако сакате да направите копирај / вметни):

image

Тие прво Клучот е да го вклучите двете <queryOptions> и <QueryOptions> јазол.  Вториот клучен е дека <Папка> јазол е URL-то на кој клиентот има пристап.

Може да има други начини да се добие оваа, но тоа добро работеа за мене, кога со користење на веб.

Тука е SOAP плико за горенаведените:

<soapenv:Плик xmlns:soapenv =’HTTP://schemas.xmlsoap.org / сапун / плик /’>                
  <soapenv:Тело>
    <GetListItems xmlns =’HTTP://schemas.microsoft.com / SharePoint / сапун /’>
      <listName>Прилагодено Листа со под директориуми</listName>
      <viewFields>  
        <ViewFields>
          <FieldRef Име = "Наслов’ />
          <FieldRef Име = "EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <Папка>HTTP://demoserver1/Blogging Сценарија / листите / прилагодување по желба Листа со под директориуми / 2006 година</Папка>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
  </soapenv:Тело>
</soapenv:Плик>

А многу примери и дискусија околу ова ме натера да верувам дека сè што ми треба е <QueryOptions> и наведете име за папката.  За мене, Ми треба да и ставете го во <queryOptions> како и да определи целосно квалификувани URL за <Папка> јазол.

Тука е jQuery AJAX подесување:

$(документ).подготвени(функција() {
       var soapEnv =
           "<soapenv:Плик xmlns:soapenv =’HTTP://schemas.xmlsoap.org / сапун / плик /’> \
               <soapenv:Тело> \
                    <GetListItems xmlns =’HTTP://schemas.microsoft.com / SharePoint / сапун /’> \
                       <listName>Прилагодено Листа со под директориуми</listName> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef Име = "Наслов’ /> \
                              <FieldRef Име = "EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <Папка>http://demoserver1/Blogging Сценарија / листите / прилагодување по желба Листа со под директориуми / 2006 година</Папка> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:Тело> \
           </soapenv:Плик>";

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Бесконечно гнезди <div> Тагови и jQuery

Остави Одговори

Ова изгледа како таква шантав тема, Не сум сигурен дека тоа е навистина вреди да се блогирање за, но тоа никогаш не ме спречи пред, па тука ќе одиме Насмевка

Јас работам надвор на еден проект каде што јас сум ги влече некои податоци од пребарување, пакувањето, тоа до во XML порака, а потоа дека XML е во крајна линија трансформира во HTML преку XSLT.  Има многу на jQuery вклучени, една малку на кој се спроведува некои tabbing функционалност.  Кога ќе кликнете на табот (навистина, на <div>), jQuery повикува. скриј() и. шоу() на различни divs (почетна страница оптоварување симнува сите содржини, така нема postbacks во овој случај).

Еден куп на часови, табот префрлување логика почна да се однесува неконтролирано и тоа не би се покаже еден од моите табови.  Јас конечно го следи се сведува на фактот дека Internet Explorer (најмалку) мислев дека <div> тагови вгнездени далеку, далеку подлабоко од intended.The инвеститорот алатникот ќе покаже:

-<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 е построи убаво и ми јазиче префрлување започна со работа.

Како и секогаш, Се надевам дека ова им помага на некој во краен случај.

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Уште повеќе jQuery–Промени големина на слика Пример

Остави Одговори

Јас наследи веб дел од стариот продавач на клиентот и тоа има големината на сликата проблем.  Сликите треба да бидат 60×50 но за некои чудни причина, оригиналниот продавач ги принудувал во 42×42, па тие да изгледа стеснето:

 

Добра слика

Лоша слика

Еве за Селектирај (малку поедноставена):

<маса класа = 'продолжен Outlook'>
  <thead>
    <tr>
      <та  width = '100′>3 Вторник</та>
    </tr>
  </thead>

  <tbody>
    <tr класа = 'прогноза'>
      <ТД width = '100′>
        <Улица>
          <Ли класа = "високо">Високо: 72&сте;F</Ли>
          <Ли класа = 'ниски'>Ниско: 44&сте;F</Ли>
          <Ли класа = "состојба">Сонцето
            <img src =’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ height = '42’ alt =” />
          </Ли>
        </Улица>
      </td>
    </tr>

  </tbody>

</маса>

Ќе се напомене дека иако патот кон сликата сама по себе покажува соодветна димензија (60×50) оригиналниот продавач беше принуден во 42×42.  Зошто?  Луди.

Како и да е, Сакав брзо и лесно решение на ова прашање и се свртев jQuery.  Трикот е да го лоцира сите на соодветни <img> тагови.  Јас не сакам да мотам со било која друга IMG тагови (на кои има многу).  Ова малку на jQuery не е доволно:

<скрипта тип = "text / javascript" src ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></скрипта>

<скрипта тип = "text / javascript">
     $(документ).подготвени(функција () {

         $(‘li.condition > img ').секоја(функција (индекс, содржина)
            {
             $(содржина).CSS("Ширина", "60"); 
             $(содржина).CSS("Висина", "50");
            });
     }); // на документот оптоварување
</скрипта>

Тоа малку на кодот наоѓа колекција <Ли> тагови чија класа е "состојба" и <img> деца.  Таа потоа iterates преку сето тоа.  Работел како шарм.

Јас веројатно би можеле да го насочат, но никогаш не бев вид на Unix дечко кој реши π да 18 цифри прецизност користење на сед и awk и јас не сум таков вид ако jQuery дечко или Насмевка.

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Ја преземат контролата на вашиот ред и Откажи копчиња

3 одговори

Напишав овој член време назад, но изгледа како јас не водат до него од мојот блог во времето, па тука се:

image

Оваа статија опишува како да ги принуди newform.aspx да се пренасочува кон една страница кога корисникот ќе кликне OK и друга страница, кога таа кликне откажете.

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Брзо Совет: Додавање jQuery да Мос издавачката страници

1 Одговори

Кога подобрување Мос publising страници користење jQuery, Јас хит следниве брзина се судрат:

Server Error in ‘/’ Апликација.

Парсерот Грешка

Опис: Се случи грешка при анализирањето на ресурс потребен за да се услужи ова барање. Ве молиме прегледајте ги следните специфични анализирам грешка детали и да ја менувате вашата изворна датотека соодветно.

Парсерот Грешка порака: Само Содржина контроли се дозволени директно во содржина страница која содржи содржина контроли.

Извор Грешка: 

 
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

Верзија информации: Microsoft. NET Framework верзија:2.0.50727.4927; ASP.NET верзија:2.0.50727.4927

Тоа беше лесно доволно да се поправи (ж / t до мојот колега, Удај Ethirajulu).  Бидете сигурни дека jQuery код живее во внатрешноста на "PlaceHolderAdditionalPageHead" како што е прикажано:

<asp:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server">

<скрипта

    type="text/javascript"

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

</скрипта>

<скрипта тип = "text / javascript">

  $(документ).подготвени(функција() {

   // Брилијантен jQuery работи оди овде.

   });

</скрипта>

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin