Це ще один пост в моєму поточної серії про те, як використовувати 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. Можна також створити сторінку в бібліотеці сторінок або сторінок веб-частин і, ймовірно, багато інших місць.

Додати деякі стовпці до настроюваного списку, так що у вас є щось для запуску jQuery проти. Мої початкові цілі були до:

1. Приховати поле.
2. Призначити значення поля.

З цієї мети на увазі, Я додав два текстових поля. З часом, Я буду граючи з посиланнями, зображення, Пошук, д.

6. Змінити сторінку NewForm.aspx веб-частин і додайте веб-частини редактора вмісту

Це маленький чорний magic-ish , в тому, що це нове поняття для мене. Я вперше дізнався про це від Paul Grenier, SharePoint jQuery суперзірка, у себе на сайті проекту CodePlex: http://spff.codeplex.com/.

Виконайте такі дії, щоб додати на CEWP на тій же сторінці, що показує NewForm.aspx для будь-який Настроюваний список:

1. Доступу до настроюваного списку і натисніть кнопку Створити.
2. Додайте наступний за 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