Това е друга длъжност в моя текущи серии Как да използвате jQuery с SharePoint.
Ако искате да научите повече за jQuery, Аз силно препоръчвам: jQuery в действие да носят Bibeault и Йехуда Катц.
Първи стъпки с jQuery в SharePoint е изненадващо лесно (На мен). (Имам сериозни въпроси относно подход на "добри практики" за разполагане на тези неща в производство, но това е за друг ден). Току-що започна да свири с тази технология и за тази цел, Съм създал пясък околната среда да се използва. Ако търсите да започнете с jQuery, Можете да намерите този подход полезни.
1. Създаване на празен сайт
Създайте празен сайт някъде във вашия сайт и го наричат нещо умно като "jQuery пясък".
2. Изтегляне на jQuery
Можете да изтеглите jQuery javascript библиотека от тук: http://docs.jquery.com/Downloading_jQuery
Това да се запишете на вашия работен плот.
Имам Използвам "minified" версия.
3. Създаване на библиотека с документи на SharePoint
В сайта си пясък, създаване на библиотека с документи.
4. Качите jQuery библиотека на SharePoint
Достъп до библиотеката на doc, който току що създадохте и качване на jQuery библиотека.
5. Създаване на потребителски SharePoint списък
Аз бях започнал с потребителски списък, защото аз искам да се мотам със стандартни формуляри на SharePoint. Можете да създадете страница в библиотека със страници или страници с уеб компоненти и вероятно на много други места.
Добави някои колони към потребителски списък, така че имате нещо да тече jQuery срещу. Моят първоначалните цели бяха да:
- Скриване на поле.
- Присвояване на стойност на поле.
С тази цел в ума, Добавих две текстови полета. С течение на времето, Аз ще се играе с връзки, изображения, заявки, н.
6. Модифициране на страницата на NewForm.aspx уеб компонента и добавете уеб компонента за редактор на съдържание
Това е малко черно magic-ish , в че е нова концепция за мен. За първи път научих за това от Пол Grenier, SharePoint jQuery суперзвезда, в сайта му CodePlex проект: http://spff.codeplex.com/.
Следвайте тези стъпки, за да добавите CEWP на същата страница, която показва NewForm.aspx за всеки потребителски списък:
- Достъп до потребителския списък и щракнете върху Създай.
- Следното за добавяне на URL: Показване на страница = споделени&ToolPaneView = 2
Това ще превърне вашия скучно въвеждане на ванилия данни форма от нещо подобно:
За това:
Добавяне на уеб компонент за редактор на съдържание към страница.
7. Напиши вашата първа jQuery код
Отвори този CEWP в изгледа на кода и се добавят следните:
Тук е действителният код, ако искате да копирате/паста:
<скрипт тип ="текст/javascript" SRC =".. /.. /JQuery Library/JQuery-1.3.2.min.js"> </скрипт> <скрипт тип ="текст/javascript"> $(функция() { $("#resultsID").HTML("Има" + $("").размер() + "тагове етикети на тази страница."); }); </скрипт> Резултат: <DIV id ="resultsID"></DIV> /Резултат |
Имайте предвид, че първата <скрипт> етикет е съотнасяне на действителните jQuery библиотека. Вероятно, тези неща се променят с времето, така че вие ще искате да се уверете, че) Използвайте правилното име и b) го насочите към правилната библиотека с документи на SharePoint.
Топля в славата
Ако сте го направили правилно, Вие ще видите резултат, подобен на следния:
Обобщавайки резултатите
Това не е единственият начин да започнете, но това е бърз, лесно и изолирани от вашата съществуваща среда SharePoint.
</край>
Следвайте ме на Twitter в http://www.twitter.com/pagalvin
Били ли сте забелязали, че добавянето на CEWP в editform.aspx би нарушило страницата и версия информация раздел показва в потребителския интерфейс? Всички начини за това?
Всеки ?
Съжалявам за никога не отговаря. Аз надежда ти измисли вашия проблем.