Бърз и лесен: Създадете ваше собствено jQuery пясъчницата за SharePoint

Това е друга длъжност в моя текущи серии Как да използвате 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 срещу. Моят първоначалните цели бяха да:

  1. Скриване на поле.
  2. Присвояване на стойност на поле.

С тази цел в ума, Добавих две текстови полета. С течение на времето, Аз ще се играе с връзки, изображения, заявки, н.

6. Модифициране на страницата на NewForm.aspx уеб компонента и добавете уеб компонента за редактор на съдържание

Това е малко черно magic-ish , в че е нова концепция за мен. За първи път научих за това от Пол Grenier, SharePoint jQuery суперзвезда, в сайта му CodePlex проект: http://spff.codeplex.com/.

Следвайте тези стъпки, за да добавите CEWP на същата страница, която показва NewForm.aspx за всеки потребителски списък:

  1. Достъп до потребителския списък и щракнете върху Създай.
  2. Следното за добавяне на URL: Показване на страница = споделени&ToolPaneView = 2

Това ще превърне вашия скучно въвеждане на ванилия данни форма от нещо подобно:

image

За това:

image

Добавяне на уеб компонент за редактор на съдържание към страница.

7. Напиши вашата първа jQuery код

Отвори този CEWP в изгледа на кода и се добавят следните:

image

Тук е действителният код, ако искате да копирате/паста:

<скрипт тип ="текст/javascript"
    SRC =".. /.. /JQuery Library/JQuery-1.3.2.min.js">
</скрипт>

<скрипт тип ="текст/javascript">
  $(функция() {

    $("#resultsID").HTML("Има" + $("").размер() + "тагове етикети на тази страница.");

  });
</скрипт>

Резултат:
<DIV id ="resultsID"></DIV>
/Резултат

Имайте предвид, че първата <скрипт> етикет е съотнасяне на действителните jQuery библиотека. Вероятно, тези неща се променят с времето, така че вие ще искате да се уверете, че) Използвайте правилното име и b) го насочите към правилната библиотека с документи на SharePoint.

Топля в славата

Ако сте го направили правилно, Вие ще видите резултат, подобен на следния:

image

Обобщавайки резултатите

Това не е единственият начин да започнете, но това е бърз, лесно и изолирани от вашата съществуваща среда SharePoint.

</край>

Абонирайте се за моя блог.

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

Technorati тагове: ,

del.icio.US тагове: ,

2 мисли за "Бърз и лесен: Създадете ваше собствено jQuery пясъчницата за SharePoint

  1. Серафим Спаска

    Били ли сте забелязали, че добавянето на CEWP в editform.aspx би нарушило страницата и версия информация раздел показва в потребителския интерфейс? Всички начини за това?

    Всеки ?

Оставете отговор

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани *