See on teisele ametikohale minu pideva seeria Kuidas kasutada jQuery SharePointiga.
Kui soovite lisateavet jQuery, Ma väga soovitada: jQuery huviorbiidis Karu Bibeault ja Yehuda Katz.

Alustamine: jQuery SharePoint on üllatavalt lihtne (Mulle). (Mul on tõsiseid küsimusi "heade tavade" lähenemisviisi rakendades neid asju tootmine, kuid see on teisele päevale). Olen lihtsalt hakanud mängima selle tehnoloogia ja selleks, Olen loonud Liivakasti keskkonna kasutamiseks. Kui otsite alustada koos jQuery, võite leida seda lähenemist kasulik.

1. Saate luua tühja saidi

Luua tühja saidi kusagil saidile ja nimetada seda midagi nagu "jQuery Liivakasti" targad.

2. Lae jQuery

JQuery javascript Raamatukogu saab alla laadida siit: http://docs.jquery.com/Downloading_jQuery

Salvesta see töölauale.

Ma olen kasutanud "minified" versioon.

3. SharePointi dokumenditeegi loomine

Saidi liivakast, Saate luua dokumenditeegi.

4. JQuery Raamatukogu üleslaadimine SharePointi

Juurdepääs äsjaloodud doc raamatukogu ja jQuery Raamatukogu.

5. Kohandatud SharePointi loendi loomine

Olen hakanud uue kohandatud loendi sest ma tahan muckida SharePoint standardvormid. Saate ka luua lehe lehtede teegis või veebiosalehti ja ilmselt palju teisi kohti.

Kohandatud loendi veerge lisada, nii et on midagi käivitada jQuery vastu. Minu esialgne eesmärk oli:

1. Peida väli.
2. Välja väärtuse määramine.

Seda eesmärki silmas, Lisasin kaks tekstiväljad. Aja jooksul, Ma mängida koos linkidega, pildid, otsingud, jne.

6. Saate muuta NewForm.aspx veebiosaleht ja sisuredaktori veebiosa lisamine

See on väike must magic-ish , selles on mulle uus kontseptsioon. Esmalt õppisin sellest alates Paul Grenier, SharePointi jQuery superstaar, tema CodePlex projekt veebilehekülg: http://spff.codeplex.com/.

Järgmiste juhiste abil lisada ka CEWP samal lehel, mis kuvab NewForm.aspx kohandatud loend:

1. Kohandatud loend ning klõpsake suvandil Uus.
2. Lisab URL: Kuvamise = jagatud&ToolPaneView = 2

Mis muudab teie igav vanilje andmesisestusvormi midagi taolist:

Sellele:

Lehele sisuredaktori veebiosa lisamine.

7. Kirjutage teie esimene jQuery kood

Avavad selle CEWP kood vaadata ja lisada järgmise:

Siin on tegelik koodi, kui soovite kopeeri/kleebi:

<script tüüp ="teksti/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</skripti>

<script tüüp ="teksti/javascript">
  $(funktsioon() {

    $('#resultsID').HTML('On' + $("a").suurus() + "a siltide sildid sellel lehel.");

  });
</skripti>

Tulemus:
<div id ='resultsID'></DIV>
/tulemus

Pange tähele, et esimene <skripti> Tag on viitamine tegelik jQuery Raamatukogu. Arvatavasti, need asjad muutuvad aja jooksul, nii et sa tahad veenduge, et teil on) Kasutage õige nimi ja b) punkt see õige SharePointi dokumenditeek.

Peesitama hiilgus

Kui sa seda õigesti, näete järgmisele sarnast tulemust:

Kokkuvõtteks

See ei ole ainus viis alustada, Aga see on kiire, lihtne ja isoleeritud hinne olemasolevaid SharePointi keskkond.

</lõpp>

Telli minu blogi.

Järgi mind vidistama kell http://www.twitter.com/pagalvin