Tag Archives: jQuery

XSLT a jQuery vzorky

Jsem dělal hodně XSLT a jQuery a myslel jsem, že by sdílet několik úryvků, které ostatní užitečné v budoucnosti.

Příklad 1: Generuje jednoduchý JavaScript / jQuery v XSLT:

<XSL:Šablona shoda = "něco" XML:prostor = "zachovat">

<!– Prázdné pole Skrytá přátelské filtry dotazu –>
<skript typ = "text/javascript">
    $(dokument).připraven(funkce(){
      $("#QueryFriendlyFilters").Val("prázdný");
    });
</skript>

</XSL:Šablona>

Tento bit vyzařuje nějaký JavaScript, který čeká na dokončení načítání stránky (vzhledem $(dokument).připraven(…)) a pak nastaví hodnotu skrytého pole QueryFriendlyFilters na hodnotu literálu "prázdná".

Příklad 2: Použití <XSL:Pokud> Kontrola "větší než", "menší než", atd.

<XSL:Šablona shoda = "něco" XML:prostor = "zachovat">

<div id = "fdcAllFilters">

    <XSL:Pokud test="@Count>0">
      <rozpětí class = "fdcFilterLabel">Aktuální filtry:</rozpětí>
    </XSL:Pokud>

    <!– další věci se tady stane. –>

</XSL:Šablona>

Výše uvedený fragment kontroluje, zda atribut s názvem "Počet" prvku "něco" je větší než nula. XML za tím něco jako by:”

<něco Count = "5" />

Příklad 3: Iterovat všechny prvky, vkládání jQuery volání.

<!– Iterovat všechny filtry a zobrazit správně odkazy. –>
<XSL:pro každý select = "UserFilter">

<Třída = "FilterHref" href = "javascript:mySubmitPage("RemoveUserFilter",'{@ ID}’)">[X]</a>

<rozpětí class = "fdcFilterLabel"><XSL:hodnota z select="@FilterValue"/></rozpětí>

<skript typ = "text/javascript">

    $(dokument).připraven(funkce(){
        <XSL:text><![CDATA[$("#QueryFriendlyFilters").Val( ($("#QueryFriendlyFilters").Val() + " ]]></XSL:text>\"<XSL:hodnota z select="@FilterValue"/>\"<XSL:text><![CDATA["));]]></XSL:text>
    });

</skript>

</XSL:pro každý>

Výše uvedený fragment je nejkomplexnější a může být jednodušší způsoby, jak to udělat.

XML za to zhruba vypadá takto:

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

Tento úryvek je iterace <UserFilter> uzly.

Nejprve emituje Kotvicí značka, po klepnutí vyvolá funkci jazyka JavaScript, která je již na stránce, "mySubmitPage" a předá hodnotu atributu <UserFilter> uzel s názvem "ID".

Pak emituje některé jQuery, která čeká na stránku načte. Tento jQuery aktualizuje skryté pole s názvem "QueryFriendlyFilters" přidáním hodnoty atributu FilterValue. Poznámka: všechny šílené <XSL:text> a <![CDATA[ … ]]> materiál.

To je ono, Doufám, že to pomůže!

</Konec>

Přihlásit se na mém blogu.

Za mnou na Twitter na http://www.twitter.com/pagalvin

Lists.asmx, GetListItems a složky

6 Odpovědi

Dělal jsem nějaký výzkum pro někoho dnes kolem list.asmx webové služby poskytované jako součást služby SharePoint 2010 (a starší). Podařilo se jí přimět položky seznamu v kořenové složce (včetně jména podsložky), Ale nemohl položky do podsložky. Udělal jsem nějaké rozhlížel na internets a je překvapivě společná otázka. Přesto, Nemohu získat Dobrá odpověď na jednoduchou otázku, "Pokud vím, do složky, Jak získat položky v této složce?” Upřímně, Nepokoušela jsem tak tvrdě od obrázku, tento jeden z sama jsem chtěl na chvíli Usměj se .

Toto nastavení, Vytvořil jsem web s názvem "Blogování scénáře" a vlastní seznam s názvem "Vlastní seznam s dílčí složky". Pak vytvořené složky s názvem:

Rok 2005
Rok 2006
Rok 2007

Přidal jsem pár položek do složky "Rok 2006". Je to, co vypadá jako:

Můj přítel není psaní kódu jazyka C#, ale spíše pomocí Java, SOAP Obálka to, co opravdu potřebuje. Na to by, Napsal trochu jQuery a pak použije houslista získat skutečné HTTP konverzaci.

Tady je relevantní jQuery (Jsem opsal kód pod Pokud chcete Kopírovat/Vložit):

To je první klíč obsahující jak <queryOptions> a <QueryOptions> uzel. Druhý klíč je, že <Složka> uzel je adresa URL, na kterou má klient přístup.

Může být jiné způsoby, jak si to, Ale to pro mě pracoval, když používá jQuery.

Tady je obálka SOAP pro výše uvedené:

<soapenv:Obálka xmlns:soapenv =’http://schemas.xmlsoap.org/SOAP/ENVELOPE/’>
<soapenv:Tělo>
    <GetListItems xmlns =’http://schemas.microsoft.com/SharePoint/SOAP/’>
      <Jméno_konference>Vlastní seznam s podsložky</Jméno_konference>
      <viewFields>
        <ViewFields>
          <FieldRef jméno =' titul’ />
          <FieldRef jméno ='EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <Složka>http://demoserver1/blogování Scénáře/seznamy/vlastní seznam s dílčí složky za rok 2006</Složka>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
</soapenv:Tělo>
</soapenv:Obálka>

Mnoho příkladů a diskuse kolem toho vedl mě věřit, že vše co potřebuji je <QueryOptions> a zadejte název složky. Pro mě, Třeba jak lidi uvnitř <queryOptions> stejně jako zadejte úplnou adresu URL pro <Složka> uzel.

Tady je instalace AJAX jQuery:

$(dokument).připraven(funkce() {
       var soapEnv =
           "<soapenv:Obálka xmlns:soapenv =’http://schemas.xmlsoap.org/SOAP/ENVELOPE/’> \
               <soapenv:Tělo> \
                    <GetListItems xmlns =’http://schemas.microsoft.com/SharePoint/SOAP/’> \
                       <Jméno_konference>Vlastní seznam s podsložky</Jméno_konference> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef jméno =' titul’ /> \
                              <FieldRef jméno ='EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <Složka>http://demoserver1/Blogging Scénáře/seznamy/vlastní seznam s dílčí složky za rok 2006</Složka> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:Tělo> \
           </soapenv:Obálka>";

</Konec>

Přihlásit se na mém blogu.

Za mnou na Twitter na http://www.twitter.com/pagalvin

Donekonečna vnoření <div> Značky a jQuery

Zanechte odpověď

To se jeví jako takové podivíne téma, Nejsem si jistý, že to opravdu stojí blogu, Ale to mě ještě nikdy nevadilo, Tak tady to máme Usměj se

Já pracuji na projektu, kde jsem si nějaké údaje z hledání, balení do XML zprávy a pak že XML je nakonec transformován do HTML pomocí XSLT. Je o hodně jQuery, jeden bit z nich implementuje funkce procházení. Když klepnete na kartu (Vážně, a <div>), jQuery vyvolá .hide() a jí Ukažte() na různé značky (načtení úvodní stránku stáhne veškerý obsah, takže v tomto případě neexistují žádné postbacks).

Banda před hodinami, Karta přepínání logiky začali chovat chaoticky a ji ukáže jeden z mé karty. Nakonec dozvěděl jsem se to dolů k tomu, že aplikace internet explorer (nejméně) Myslel, že <div> značky vnořené daleko, mnohem hlubší než určené.Vývojář nástrojů by ukázal:

-<div id = "Tab1Content">
-<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           …………………………
                   </div> <— konečně ukazuje byl uzavřen až sem!

Tak, Pokud jsem udělal $("# Tab1Content").Skrýt(), Také by skrýt Tab2 a mohl bych nikdy ukázat Tab2 pokud nechtěl také zobrazit Tab1. Zkopírovat a vložit kód v aplikaci visual studio a to vše div obložení se ukázal pěkně, stejně jako by měl dělat, Takhle:

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

Porazil mou hlavou proti zdi na chvíli a všiml si, že skutečné HTML kódu vytvářel spoustu prázdná <div> značky, jako:

<tělo>

<div id = "Tab1Content">

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

</div>

<div id = "Tab2Content">

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

</div>

</tělo>

(Výše uvedené je waaaaaaaaaaaay zjednodušili. Prázdný div značky jsou naprosto platné. Některé z mého <div> značky byly plné obsahu, Ale mnohem víc. Přišel jsem k poznání že moje <XSL:pro každý> směrnice byly výstupu zkrácené když značky div xsl:pro každý ne ' najít žádná data. Donutila komentáře HTML do výstupu, Jak je uvedeno:

Poté, co jsem to udělal, všechny div zákrytu pěkně a moje karta přepínání začala pracovat.

Jako vždy, Doufám, že to pomůže někdo v nouzi.

</Konec>

Přihlásit se na mém blogu.

Za mnou na Twitter na http://www.twitter.com/pagalvin

Ještě více jQuery–Změna velikosti obrázku příklad

Zanechte odpověď

Zdědil jsem webovou část ze staré dodavatele klienta a má problém s velikostí obrazu. Obrazy by mělo být 60×50 Ale z nějakého zvláštního důvodu, původní dodavatel je donucena 42×42, tak vypadají pošramoceného:

Dobrý obrázek	Špatný obrázek

Tady je přirážka (poněkud zjednodušené):

<Tabulka class = "rozšířené outlook">
<závit>
    <TR>
      <Čt Šířka = "100′>3 Úterý</Čt>
    </TR>
</závit>

<tbody>
    <TR class = "prognózy">
      <Šířka TD = "100′>
        <ul>
          <li class = "vysoká">Vysoká: 72°F</li>
          <li class = "nízkým">Nízká: 44°F</li>
          <li class = "stavu">Slunečno
            <img src =’http://deskwx.WeatherBug.com/images/Forecast/icons/Localized/60×50/EN/trans/cond007.PNG’ Šířka ='42’ Výška ='42’ ALT =” />
          </li>
        </ul>
      </TD>
    </TR>

</tbody>

</Tabulka>

Všimněte si že i když Cesta k obrázku, samotné se zobrazí odpovídající rozměr (60×50) původní dodavatel ji donutila 42×42. Proč? Šílené.

Každopádně, Chtěl jsem rychlé a snadné řešení této otázky a já se obrátil k jQuery. Trik byl k hledání vhodného <IMG> značky. Nechtěl jsem si ty fóry s jiné značky img (z nichž je mnoho). Tento bit jQuery trik:

<skript typ = "text/javascript" src ="http://AJAX.googleapis.com/AJAX/libs/Jquery/1.5/Jquery.min.js"></skript>

<skript typ = "text/javascript">
     $(dokument).připraven(funkce () {

         $(' li.condition > img').Každý(funkce (Rejstřík, položka)
            {
             $(položka).CSS("Šířka", "60");
             $(položka).CSS("výškou", "50");
            });
     }); // Při načítání dokumentu
</skript>

Tento kousek kódu najde kolekci <li> značky, jejichž třída je "stav" a <IMG> děti. Pak je to všechno projde. Pracoval jako kouzlo.

Možná by jej zefektivnit, Ale já jsem nikdy nebyla druh unix chlapíka, který vyřešil π do 18 přesnost čísel pomocí sed a awk a já nejsem takový pokud jQuery buď chlap Usměj se .

</Konec>

Přihlásit se na mém blogu.

Za mnou na Twitter na http://www.twitter.com/pagalvin

Převzít kontrolu nad vaší OK a zrušit tlačítka

3 Odpovědi

Napsal jsem Tento článek chvíli zpět, ale vypadá to, že jsem nebyl na něj odkaz z mého blogu v době, Tak tady jde:

Tento článek popisuje, jak přinutit newform.aspx přesměrovat na jednu stránku, když uživatel klepne na OK a jiné stránky po klepnutí na tlačítko Storno.

</Konec>

Přihlásit se na mém blogu.

Za mnou na Twitter na http://www.twitter.com/pagalvin

Rychlá nápověda: Přidání jQuery na MOSS publikování stránky

1 Odpovědět

Při zvyšování MOSS publikované stránky pomocí jQuery, Trefil jsem následující zpomalovací:

Chyba serveru v ' /’ Aplikace.

Chyba analyzátoru

Popis: Při analýze prostředku vyžadovaného pro tento požadavek došlo k chybě.. Prohlédněte si následující podrobnosti o chybě analýze a příslušným způsobem upravte zdrojový soubor.

Chybová zpráva analýzy: Přímo v obsahu stránky, která obsahuje ovládací prvky jsou povoleny pouze prvky obsahu.

Chyba zdroje:

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

Zdrojový soubor: /_catalogs/masterpage/KCC_FacultyMember.aspx Čára: 12

Informace o verzi: Microsoft.NET Framework verze:2.0.50727.4927; PROSTŘEDÍ ASP.NET verze:2.0.50727.4927

Bylo to snadné (h/t na můj kolega, Uday Ethirajulu). Ujistěte se, že jQuery kód žije uvnitř "PlaceHolderAdditionalPageHead", jak je uvedeno:

<prostředí ASP:Obsah ContentPlaceholderID = "PlaceHolderAdditionalPageHead" runat = "server">

<skript

    Typ = text/javascript""

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

</skript>

<skript typ = "text/javascript">

$(dokument).připraven(funkce() {

   // Brilantní jQuery věci jde zde.

   });

</skript>

</Konec>

Přihlásit se na mém blogu.

Za mnou na Twitter na http://www.twitter.com/pagalvin