Ovo je još jedan post na mom blogu u tijeku seriju o tome kako koristiti jQuery sa SharePoint.
Ako želite saznati više o jQuery, JA visoko preporučiti: jQuery u akciji od strane medvjeda i Bibeault Yehuda Katz.

Uvod u jQuery u SharePoint je iznenađujuće lako (meni). (Imam ozbiljnih pitanja u vezi s "najbolje prakse" pristup uvođenju ove stvari proizvodnje, ali to je za još jedan dan). 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, vam svibanj pronaći korisne ovaj pristup.

1. Stvorite praznu stranice

Stvorite praznu stranicu negdje na ovim stranicama i nazovite to nešto pametno kao "jQuery Pješčanik".

2. Preuzmite jQuery

Možete preuzeti jQuery javascript knjižnice iz ovdje: http://docs.jquery.com/Downloading_jQuery

Spremi da se na radnu površinu.

Ja sam bio koristeći "minified" verziju.

3. Stvaranje biblioteke SharePoint dokumenata

U svom sandbox stranice, create a document library.

4. Upload jQuery biblioteku na SharePoint

Pristupite doc knjižnicu ste upravo stvorili i upload jQuery biblioteku.

5. Stvoriti prilagođeni popis 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. Sakrij polja.
2. Dodjeljivanje vrijednosti na području.

S tim ciljem na umu, I added two text fields. Tijekom vremena, Ja ću se igrati s linkovima, slike, lookups, itd..

6. Izmjena NewForm.aspx stranicu web-dijela i dodati web-dio uređivača sadržaja

To je malo crna magija-ish , in that it’s a new concept to me. I first learned about this from Paul Grenier, SharePoint jQuery Superstar, na njegovom mjestu CodePlex projekta: http://spff.codeplex.com/.

Slijedite ove korake da biste dodali CEWP na istoj stranici koji pokazuje NewForm.aspx za bilo koji prilagođeni popis:

1. Pristupite prilagođeni popis i kliknite Novo.
2. Dodavanje sljedeće na URL: Pregled stranica = Dijeljeno&ToolPaneView = 2

To će transformirati vaš dosadno vanilije podataka prijavnicu od nečega kao što je ovaj:

Za ovu:

Dodajte web-dio urednika sadržaja na stranici.

7. Napisati svoj prvi kod jQuery

Otvorite da CEWP u kodu pogledom i dodajte sljedeće:

Evo stvarni broj ako želite copy / paste:

<skripta
    "Text / javascript"
    src =".. / .. / Jquery% 20Library/jquery-1.3.2.min.js">
</skripta>

<skripta type ="Text / javascript">
  $(funkcija() {

    $('# ResultsID').html('Postoji' + $('A').veličina() + Uobičajeni oznake oznake na ovoj stranici. ');

  });
</skripta>

Rezultirati:
<div id ='ResultsID'></div>
/rezultirati

Imajte na umu da je prvi <skripta> tag is referencing the actual jQuery library. Presumably, ove stvari mijenjaju s vremenom, tako da ćete želite da provjerite da li) koristiti pravo ime i b) je ukazati na ispravan SharePoint biblioteci dokumenata.

Uživali u slavi

Ako ste to učinili ispravno, vidjet ćete rezultate slične sljedeće:

Završavajući

Ovo nije jedini način za početak, ali to je brzo, easy and isolated from your existing SharePoint environment.

</kraj>

Pretplatite se na moj blog.

Slijedite me na Twitter-u http://www.twitter.com/pagalvin