Ова е уште еден пост во мојот во тек серија како да се користи jQuery со SharePoint.
Ако сакате да дознаете повеќе за jQuery, Силно препорачувам: jQuery во акција од мечка Bibeault и Јехуда Кац.

Да започнеме со jQuery во SharePoint е изненадувачки лесно (за мене). (Имам сериозни прашања во врска со "најдобри практики" пристап кон имплементирање на овие работи на производство, но тоа е за друг ден). I’ve just started playing with this technology and to that end, I created a sandbox environment to use. If you’re looking to get started with jQuery, може да најдете на овој пристап корисни.

1. Креирај празна Мапа

Креира празна сајт некаде на вашиот сајт и го нарекуваат нешто умен како "jQuery Sandbox".

2. Преземете jQuery

Може да го симнете на jQuery JavaScript библиотека од тука: http://docs.jquery.com/Downloading_jQuery

Зачувајте ја таа за да вашиот десктоп.

Јас сум бил со користење на "minified" верзија.

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

Во вашиот песок сајт, create a document library.

4. Додавање на jQuery библиотеката на SharePoint

Пристап до библиотека doc само замислен и испратите jQuery библиотеката.

5. Создаде прилагодено SharePoint Листа

I’ve started with a custom list because I want to muck about with standard SharePoint forms. You could also create a page in a pages library or web part pages and probably a lot of other places.

Add some columns to the custom list so that you have something to run jQuery against. My initial objectives were to:

1. Скрие поле.
2. Доделите вредност на поле.

Со таа цел во умот, I added two text fields. Со текот на времето, Јас ќе се игра со линкови, слики, пребарувања, итн.

6. Менувате NewForm.aspx Веб Дел страница и додадете Содржина Уредувач Веб Дел

Ова е малку црна магија-носталгичната , in that it’s a new concept to me. I first learned about this from Пол Grenier, SharePoint jQuery Суперѕвезда, во неговиот CodePlex проект сајт: http://spff.codeplex.com/.

Следете ги овие чекори за да додадете CEWP на истата страница, која покажува NewForm.aspx за било обичај листа:

1. Пристапите на сопствени листа и кликнете на нова.
2. Додадете го следното за да го URL-то: Прикажување = Муабет&ToolPaneView = 2

Кои ќе се трансформира вашиот здодевен ванила внес на податоци форма од нешто како ова:

На овој:

Додадете содржина уредник веб дел на страницата.

7. Напиши Прв jQuery законик

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

Тука е вистинскиот код, ако сакате да направите копирај / вметни:

<скрипта
    "text/javascript"
    src ="../../jQuery%20Library/jquery-1.3.2.min.js">
</скрипта>

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

    $("# ResultsID").html("Има се ' + $('А').големина() + "На тагови таговите на оваа страница.");

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

Резултира:
<div id ="ResultsID"></div>
/резултира

Имајте на ум дека на првата <скрипта> tag is referencing the actual jQuery library. Presumably, овие работи се промени со текот на времето, па ќе сакате да бидете сигурни дека на) користење на правото име и б) го со точниот SharePoint документ библиотека.

Уживаат во славата

Ако тоа го правеше правилно, ќе видите резултат слична на следнава:

Завршувајќи

Ова не е единствениот начин за да започнете, но тоа е брзо, easy and isolated from your existing SharePoint environment.

</крајот>

Да се ​​претплатите на мојот блог.

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