Rýchle a jednoduché: Vytvorte si vlastné jQuery Sandbox pre SharePoint

To je iný post v mojej on-prebiehajúcej série ako používať jQuery so službou SharePoint.
Ak sa chcete dozvedieť viac o jQuery, Vrelo odporúčam: jQuery v akcii Medveď Bibeault a Jehuda Katz.

Začíname pracovať s jQuery v SharePoint je prekvapivo jednoduché (pre mňa). (Mať závažné otázky o "najlepších zvyklostiach" prístup k nasadenie týchto vecí pre výrobu, ale to je na ďalší deň). Práve som začal hrať s touto technológiou, a na tento účel, Vytvoril som pieskovisku prostredie používať. Ak máte záujem začať s jQuery, vám môžu hodiť tento prístup.

1. Vytvorenie prázdnej lokality

Vytvoriť prázdnu lokalitu niekde na vaše stránky a volať to niečo chytrý ako "jQuery pieskovisko".

2. Stiahnuť jQuery

Tu si môžete stiahnuť jQuery javascript knižnice: http://docs.jquery.com/Downloading_jQuery

Okrem toho, že sa na pracovnú plochu.

Já mať been using "minified" verzie.

3. Vytvorenie knižnice dokumentov na lokalite SharePoint

V lokalite pieskovisko, vytvoriť knižnicu dokumentov.

4. Nahrať jQuery knižnice na lokalite SharePoint

Prístup ku knižnici doc ste práve vytvorili, a odovzdajte jQuery knižnice.

5. Vytvorenie vlastného zoznamu

Som začal s vlastným zoznamom, pretože chcem muck asi s štandardných formulárov SharePoint. Môžete tiež vytvoriť stránky v knižnici stránok alebo stránok webových častí a zrejme veľa ďalších miest.

Pridať stĺpce do vlastného zoznamu tak, že máte niečo na spustenie jQuery proti. Moje pôvodné ciele boli:

  1. Skryť pole.
  2. Priradiť hodnotu poľa.

S tohto cieľa v pamäti, Pridal som dve textové polia. V priebehu času, Budem hrať s odkazmi, obrázky, vyhľadávanie, atď.

6. Upraviť stránku NewForm.aspx webovej časti a pridajte webovú časť Editor obsahu

Je to malá čierna magic-ish , v tom je nový pojem, ktorý mi. Som sa prvýkrát dozvedel o tomto zo Paul Grenier, SharePoint jQuery Superstar, v jeho CodePlex projektovej lokality: http://spff.codeplex.com/.

Postupujte podľa nasledujúcich krokov pridať CEWP na stránke, ktorá zobrazuje NewForm.aspx vlastného zoznamu:

  1. Vlastný zoznam a kliknite na tlačidlo nové.
  2. Pridať nasledujúce URL: Zobrazenie stránky = zdieľané&ToolPaneView = 2

Ktorý bude transformovať vaše nudné vanilkový formulár na zadávanie údajov z niečoho takého:

image

K tomuto:

image

Pridanie webovej časti editor obsahu na stránku.

7. Napísať váš prvý jQuery kód

Otvoriť tento CEWP v zobrazení kód a pridať nasledujúce:

image

Tu je aktuálny kód, ak chcete kopírovať/vložiť:

<scenár typu ="textu/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</skript>

<scenár typu ="textu/javascript">
  $(Funkcia() {

    $("#resultsID").HTML("Sú" + $("").veľkosť() + "značky značky na tejto stránke.");

  });
</skript>

Výsledok:
<konto div id ="resultsID"></DIV>
/výsledok

Všimnite si, že prvý <skript> značka je odkazovanie skutočné jQuery knižnice. Pravdepodobne, tieto veci zmenu v priebehu času, Takže budete chcieť, aby sa ubezpečil, ste) Použite správny názov a b) ukážte na správne knižnice dokumentov lokality SharePoint.

Slniť na sláve

Ak ste urobili správne, uvidíte výsledok podobný nasledovnému:

image

Balil

To nie je jediný spôsob, ako začať, ale je to rýchle, jednoduché a izolovane od existujúceho prostredia SharePoint.

</koniec>

Vyberajte môj blog.

Nasledujte ma na stebėtų na http://www.twitter.com/pagalvin

2 myšlienky na "Rýchle a jednoduché: Vytvorte si vlastné jQuery Sandbox pre SharePoint

  1. Sujith krish

    Všimli ste si že pridanie CEWP v editform.aspx zlomí stránky a časti informácie verzia sa objaví v UI? Akékoľvek riešenie pre tento?

    Niekto ?

    Odpoveď

nechať odpoveď

Vaša e-mailová adresa nebude zverejnená. Povinné položky sú označené *