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:
- Sakrij polja.
- 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:
- Pristupite prilagođeni popis i kliknite Novo.
- 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