Ово је још једна порука у мом у току Сериес о томе како да користите јКуери са СхареПоинт.
Ако желите да сазнате више о јКуери, Топло препоручујем: јКуери у акцији по Беар Бибеаулт и Јехуда Катз.
Први кораци са јКуери у СхареПоинт је изненађујуће лако (мени). (Ја немам озбиљна питања о "најбољим праксама" приступа ангажовања ових ствари производњу, али то је за неки други дан). 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. Креирајте празну сајт
Креирајте празну сајт негде на вашем сајту и позвати га нешто паметно попут "јКуери Сандбок".
2. Преузмите јКуери
Можете преузети јКуери ЈаваСцрипт библиотека одавде: http://docs.jquery.com/Downloading_jQuery
Сачувај то за радну површину.
Ја сам био користећи "минифиед" верзију.
3. Креирање СхареПоинт библиотека докумената
У вашем сајту сандбок, create a document library.
4. Уплоад јКуери библиотеку на СхареПоинт
Приступите доц библиотеку сте управо креирали и уплоад јКуери библиотеку.
5. Креирање прилагођене листе СхареПоинт
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. Over time, Ја ћу да играм са линковима, слике, лоокуп, итд.
6. Измените НевФорм.аспк странице Веб сегмента и садржаја Додавање Веб сегмента уређивача
Ово је мала црна магија-исх , in that it’s a new concept to me. I first learned about this from Павле Грениер, СхареПоинт јКуери Суперстар, на свом сајту пројекта ЦодеПлек: http://spff.codeplex.com/.
Следите ове кораке да бисте додали ЦЕВП на истој страници која приказује НевФорм.аспк за било коју прилагођену листу:
- Приступите прилагођене листе и кликните на дугме Ново.
- Додај следеће на УРЛ: Пагевиев = Дељени&ТоолПанеВиев = 2
То ће трансформисати ваш досадно ваниле формулар за унос података из овако нешто:
Да би ово:
Додајте део садржаја веб едитор на страну.
7. Напишите свој први код јКуери
Отвори тај ЦЕВП у приказу код и додајте следећи:
Овде је стварни број ако желите да цопи / пасте:
<скрипта "text/javascript" срц ="../../jQuery%20Library/jquery-1.3.2.min.js"> </скрипта> <сцрипт типе ="text/javascript"> $(функција() { $('# РесултсИД').ХТМЛ("Постоје ' + $('').величина() + 'А ознаке ознаке на овој страници.'); }); </скрипта> Резултат: <див ид ='РесултсИД'></див> /резултат |
Имајте на уму да је први <скрипта> tag is referencing the actual jQuery library. Presumably, ове ствари мењају током времена, тако да ћете желите да се уверите да) користе право име и б) указују да је у исправном СхареПоинт библиотеке докумената.
Уживају у слави
Ако сте то урадили исправно, видећете резултат сличан следећем:
Завршавајући
Ово није једини начин да почнете, али је брзо, easy and isolated from your existing SharePoint environment.
</крај>
Следите ме на Туиттер на http://www.twitter.com/pagalvin
Have you noticed that adding CEWP in editform.aspx would break the page and version information section shows up in the UI? Any workarounds for this?
Anyone ?
Sorry for never responding. I hope you figured out your issue.