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:
- Skryť pole.
- 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:
- Vlastný zoznam a kliknite na tlačidlo nové.
- 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:
K tomuto:
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:
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:
Balil
To nie je jediný spôsob, ako začať, ale je to rýchle, jednoduché a izolovane od existujúceho prostredia SharePoint.
</koniec>
Nasledujte ma na stebėtų na http://www.twitter.com/pagalvin
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 ?
Ospravedlňujeme sa za nikdy reagovať. Dúfam, že ste prišiel na váš problém.