Ова е уште еден пост во мојот во тек серија како да се користи 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:
- Скрие поле.
- Доделите вредност на поле.
Со таа цел во умот, 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 за било обичај листа:
- Пристапите на сопствени листа и кликнете на нова.
- Додадете го следното за да го 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