Jest to stanowisko innego w Moje Seria jak użyć jQuery z programu SharePoint.
Jeśli chcesz dowiedzieć się więcej o jQuery, Polecam: jQuery w działaniu Bear Bibeault i Yehuda Katz.

Wprowadzenie do programu jQuery w programie SharePoint jest zaskakująco łatwe (Dla mnie). (Mam poważne pytania dotyczące "najlepszych praktyk" podejścia do wdrażania tych rzeczy do produkcji, ale to another day). Właśnie zacząłem grać z tej technologii i w tym celu, I stworzył piaskownicy środowiska do korzystania. Jeśli szukasz aby zacząć z jQuery, podejście to może być przydatne.

1. Utworzyć pustą witrynę

Utworzyć pusta witryna gdzieś w witrynie i nazywają to coś clever jak "jQuery piaskownicy".

2. Pobierz jQuery

Stąd można pobrać biblioteki javascript jQuery: http://docs.jquery.com/Downloading_jQuery

Zapisz to na pulpicie.

I have been using wersji "minified".

3. Tworzenie biblioteki dokumentów programu SharePoint

W serwisie piaskownicy, Tworzenie biblioteki dokumentów.

4. Przekaż jQuery biblioteki programu SharePoint

Dostęp do biblioteki doc, właśnie utworzonego i przekazuj biblioteki jQuery.

5. Utworzyć listę programu SharePoint niestandardowe

Zacząłem z listą niestandardowych bo chce wałęsać się z standardowych formularzy programu SharePoint. Można także utworzyć stronę w bibliotece stron lub stron składników web part i prawdopodobnie wiele innych miejsc.

Dodać niektórych kolumn do listy niestandardowych, tak, że masz coś do uruchomić jQuery przeciwko. Moje początkowe cele były do:

1. Ukryć pole.
2. Przypisanie wartości do pola.

Z tym cel na uwadze, Dodałem dwa pola tekstowe. Z biegiem czasu, I będziesz grać z łączami, obrazy, wyszukiwania, itp.

6. Modyfikować strony pliki NewForm.aspx składników Web Part i dodać składnik Web Part Edytor zawartości

To jest trochę czarny magic-ish , że jest to nowa koncepcja mi się. Pierwszy dowiedział się o tym od Paul Grenier, SharePoint jQuery Superstar, jego witrynie projektu CodePlex: http://spff.codeplex.com/.

Wykonaj te kroki, aby dodać CEWP na tej samej stronie, która pokazuje pliki NewForm.aspx dla dowolnej listy niestandardowe:

1. Dostęp niestandardowej listy i kliknij przycisk Nowy.
2. Dołącz następujące do adresu URL: PageView = udostępnione&ToolPaneView = 2

Który będzie przekształcić nudne formularza wpis wanilii danych z mniej więcej tak:

Aby to:

Dodać składnik web part Edytor zawartości do strony.

7. Napisz swój pierwszy jQuery kodu

Otwarcie tego CEWP w widoku Kod i dodać następujące:

Tutaj jest rzeczywisty kod, jeśli chcesz kopiowania/wklejania:

<skrypt typ ="text/javascript"
    src ="../../jQuery Library/jQuery-1.3.2.min.js">
</skrypt>

<skrypt typ ="text/javascript">
  $(Funkcja() {

    $("#resultsID").HTML("Są" + $("").rozmiar() + "tagi znaczników na tej stronie.");

  });
</skrypt>

Wynik:
<Identyfikator DIV ="resultsID"></DIV>
/wynik

Należy zauważyć, że pierwszy <skrypt> Tag jest Odwoływanie się do biblioteki jQuery rzeczywiste. Przypuszczalnie, rzeczy te zmiany w czasie, Dlatego warto upewnij się, że) Użyj nazwy objętej prawem i b) wskaż poprawną biblioteka dokumentów programu SharePoint.

Bask z chwały

Jeśli to zrobiłeś poprawnie, zobaczysz wynik podobny do następującego:

Informacje końcowe

Nie jest to jedyny sposób, aby rozpocząć, ale jest to metoda szybka, łatwe i odizolowane od istniejącego środowiska SharePoint.

</koniec>

Subskrybowanie mój blog.

Follow me on Twitter wiek na http://www.twitter.com/pagalvin