Брзо и лако: Креирај своју Сандбок јКуери за СхареПоинт

Ово је још једна порука у мом у току Сериес о томе како да користите јКуери са СхареПоинт.
Ако желите да сазнате више о јКуери, Топло препоручујем: јКуери у акцији по Беар Бибеаулт и Јехуда Катз.

Први кораци са јКуери у СхареПоинт је изненађујуће лако (мени). (Ја немам озбиљна питања о "најбољим праксама" приступа ангажовања ових ствари производњу, али то је за неки други дан). 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:

  1. Сакриј поља.
  2. Додељивања вредности пољу.

Са тим циљем на уму, 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/.

Следите ове кораке да бисте додали ЦЕВП на истој страници која приказује НевФорм.аспк за било коју прилагођену листу:

  1. Приступите прилагођене листе и кликните на дугме Ново.
  2. Додај следеће на УРЛ: Пагевиев = Дељени&ТоолПанеВиев = 2

То ће трансформисати ваш досадно ваниле формулар за унос података из овако нешто:

image

Да би ово:

image

Додајте део садржаја веб едитор на страну.

7. Напишите свој први код јКуери

Отвори тај ЦЕВП у приказу код и додајте следећи:

image

Овде је стварни број ако желите да цопи / пасте:

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

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

    $('# РесултсИД').ХТМЛ("Постоје ' + $('').величина() + 'А ознаке ознаке на овој страници.');

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

Резултат:
<див ид ='РесултсИД'></див>
/резултат

Имајте на уму да је први <скрипта> tag is referencing the actual jQuery library. Presumably, ове ствари мењају током времена, тако да ћете желите да се уверите да) користе право име и б) указују да је у исправном СхареПоинт библиотеке докумената.

Уживају у слави

Ако сте то урадили исправно, видећете резултат сличан следећем:

image

Завршавајући

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

</крај>

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

Следите ме на Туиттер на http://www.twitter.com/pagalvin

2 мисли о "Брзо и лако: Креирај своју Сандбок јКуери за СхареПоинт

Леаве а Репли

Ваша емаил адреса неће бити објављена. Обавезна поља су означена *