Это еще один пост в моем продолжается серия как пользоваться jQuery с SharePoint.
Если вы хотите узнать больше о jQuery, Я очень рекомендую: jQuery в действии Медведь Bibeault и Иегуда Кац.

Начало работы с jQuery в SharePoint на удивление легко (Мне). (У меня есть серьезные вопросы по поводу «наилучшей практики» подход к развертыванию этих вещей для производства, но это в другой день). Я только начал играть с этой технологией и с этой целью, Я создал изолированной среды для использования. Если вы ищете, чтобы начать работу с jQuery, Этот подход может оказаться полезной.

1. Создать пустой узел

Создайте пустой сайт где-то на вашем сайте и называют его-то умный как «jQuery Песочница».

2. Скачать jQuery

JQuery javascript библиотеки можно скачать здесь: http://docs.jquery.com/Downloading_jQuery

Чтобы сохранить на рабочем столе.

Я использую версию «уменьшенная».

3. Создание библиотеки документов SharePoint

В вашем сайте Песочница, Создание библиотеки документов.

4. Загрузить jQuery библиотеки SharePoint

Доступ к библиотеке doc, вы только что создали и загрузить библиотеки jQuery.

5. Создание настраиваемого списка

Я начал с настраиваемым списком потому, что я хочу, чтобы слоняться с стандартной формы SharePoint. Можно также создать страницы в библиотеке страниц или страниц веб-частей и, вероятно, много других мест.

Добавьте некоторые столбцы в пользовательский список, так что у вас есть что-то для запуска jQuery против. Мои первоначальные цели были:

1. Скрыть поля.
2. Присвоить значение полю.

С учетом этой цели, Я добавил два текстовых поля. Со временем, Я буду играть со ссылками, изображения, Поиск, и т.д..

6. Измените страницы NewForm.aspx веб-частей и добавьте веб-часть редактора содержимого

Это маленький черный magic-ish , в том, что он представляет собой новую концепцию для меня. Я впервые узнал об этом от Пол Гренье, JQuery SharePoint суперзвезда, на своем сайте проект CodePlex: http://spff.codeplex.com/.

Выполните следующие действия для добавления CEWP на ту же страницу, которая показывает NewForm.aspx для любого настраиваемого списка:

1. Пользовательский список и нажмите кнопку Создать.
2. Добавьте следующие URL-адреса: Просмотр страницы = Общая&ToolPaneView = 2

Что превратит ваш скучно формы ввода ванили данных от что-то вроде этого:

К этому:

Добавьте веб-часть редактора контента на страницу.

7. Написать свой первый jQuery код

Открыть этот CEWP в представлении кода и добавьте следующие:

Вот реальный код, если вы хотите копировать/вставить:

<сценарий типа =«text/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</сценарий>

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

    $(«#resultsID»).HTML(«Есть» + $(«»).Размер() + «Метки на этой странице».);

  });
</сценарий>

Результат:
<div id =«resultsID»></Div>
/результат

Обратите внимание, что первый <сценарий> Тег ссылается на фактические jQuery библиотеки. Предположительно, Эти вещи меняются со временем, так что вы хотите, чтобы убедиться, что) Используйте правильное имя и b) направьте его в правильную библиотеку документов SharePoint.

Греться в славе

Если вы сделали это правильно, Вы увидите результат, подобный следующему:

Упаковка

Это не единственный способ, чтобы начать работу, но это быстро, легко и изолированы от существующей среды SharePoint.

</конец>

Подписаться на мой блог.

Следуй за мной по щебетать на http://www.twitter.com/pagalvin