Tio ĉi estas alia poŝto en mia Sur-iranta serion Sur kiel uzi JQuery Kun SharePoint.
Se vi deziras lerni pli da pri jQuery, Mi tre rekomendas: JQuery en Ago De Urso Bibeault kaj Yehuda Katz.
Akiranta komencita kun jQuery en SharePoint estas surprize facile (Al mi). (Mi ja havas gravajn demandojn pri “plej bonaj praktikoj” alproksimiĝas al deplojiĝanta ĉi tiujn aferojn al produktado, Sed tio estas por alia tago). Mi nur komencis ludadon kun ĉi tiu teknologio kaj al tiu fino, Mi kreis sandbox medio uzi. Se vi estas rigardanta akiri komencita kun jQuery, Vi povas trovi ĉi tiun alproksimiĝon utila.
1. Krei Malplenan Ejon
Krei malplenan ejon ie en via ejo kaj voki ĝin io lerta kiel “jQuery Sandbox”.
2. Elŝuti jQuery
Vi povas elŝuti la jQuery javascript bibliotekon de ĉi tie: http://docs.jquery.com/Downloading_jQuery
Savi tion al al via surtabla.
Mi estis uzanta la “minified” versio.
3. Krei SharePoint Dokumenta Biblioteko
En via sandbox ejo, Krei dokumentan bibliotekon.
4. Alŝuto la jQuery Biblioteko al SharePoint
Aliri la doc biblioteko vi nur kreis kaj alŝuto la jQuery biblioteko.
5. Krei Laŭmendan SharePoint Listo
Mi komencis kun laŭmenda listo ĉar mi deziras al feĉo pri kun norma SharePoint formoj. Vi ankaŭ povus krei paĝon en paĝa biblioteko aŭ araneaĵa parto paĝoj kaj verŝajne multa aliaj lokoj.
Aldoni kelkajn kolumnojn al la laŭmenda listo por ke vi havas ion kuri jQuery kontraŭ. Miaj komencaj objektivoj estis al:
- Kaŝi kampon.
- Asigni valoron al kampo.
Kun tiu objektivo en menso, Mi aldonis du tekstajn kampojn. Super tempo, Mi estos ludanta kun ligoj, Bildoj, Lookups, Ktp.
6. Modifi la NewForm.Aspx Araneaĵa Parto Paĝo kaj Aldoni Kontentan Redaktoran Araneaĵan Parton
Tio ĉi estas malgranda nigra magia-ish , En kiu ĝi estas nova koncepto al mi. Mi unue lernis pri tio ĉi de Paul Grenier, SharePoint jQuery Superstelo, Ĉe lia CodePlex projekta ejo: http://spff.codeplex.com/.
Sekvi ĉi tiujn paŝojn aldoni CEWP al la sama paĝo kiu montras NewForm.Aspx por ajna laŭmenda listo:
- Aliri la laŭmendan liston kaj klaki Novan.
- Almeti la sekvantan al la URL: PageView=Dividita&ToolPaneView=2
Kiu transformos vian enuigan vanilan datuman eniron formo de io tiel:
Al tio ĉi:
Aldoni la kontentan redaktoran araneaĵan parton al la paĝo.
7. Skribi Vian Unuan jQuery Kodo
Malfermi supre ke CEWP en la koda vido kaj aldoni la sekvantaron:
Ĉi tie-a la reala kodo se vi deziras kopii/almeti:
<Skriba
tipo="Teksto/javascript"
Src="../../JQuery Biblioteko/jquery-1.3.2.Min.Js">
</Skribo>
<Skriba tipo="Teksto/javascript">
$(Funkcio() {
$('#ResultsID').Html('Estas' + $('').Grandeco() + ' Etikedoj etikedas sur ĉi tiu paĝo.');
});
</Skribo>
Rezulto:
<Div identigaĵo='ResultsID'></Div>
/Rezulto
|
Noti ke la unua <Skribo> Etikedo estas referencanta la realan jQuery biblioteko. Supozeble, Ĉi tiu afera ŝanĝo super tempo, Do vi deziros fari certe vin) Uzi la ĝustan nomon kaj b) Indiki ĝin al la ĝusta SharePoint dokumenta biblioteko.
Bask en la Gloro
Se vi faris ĝin ĝuste, Vi vidos rezulton simila al la sekvantaro:
Volvanta Supre
Tio ĉi ne estas la nura vojo akiri komencita, Sed ĝi estas rapide, Facile kaj izolita de via ekzistanta SharePoint medio.
</Fino>
Aboni al mia blogo.
Sekvi min sur Pepi ĉe http://www.twitter.com/pagalvin