Acesta este un alt post în meu serie de curs cum să utilizaţi jQuery cu SharePoint.
Dacă doriţi să aflaţi mai multe despre jQuery, Am foarte recomanda: jQuery în acţiune Bear Bibeault şi Yehuda Katz.

Noţiuni de bază cu jQuery în SharePoint este surprinzător de uşor (pentru mine). (Am întrebări serioase despre o abordare "cele mai bune practici" pentru implementarea aceste lucruri la producţie, dar asta e pentru o altă zi). Am început doar joc cu aceasta tehnologie şi în acest scop, Am creat un mediu de nisip pentru a utiliza. Dacă sunteţi în căutarea pentru a începe cu jQuery, puteţi găsi această abordare utile.

1. Creaţi un Site gol

Creaţi un site gol undeva în site-ul şi îl numesc ceva inteligent ca "jQuery Sandbox".

2. Descarca jQuery

Puteţi descărca jQuery javascript biblioteca de aici: http://docs.jquery.com/Downloading_jQuery

Că, pentru a salva desktop.

Am fost folosind versiunea "minified".

3. Creați o bibliotecă de documente SharePoint

Site-ul tău de nisip, Creați o bibliotecă de documente.

4. Încărcaţi jQuery bibliotecă SharePoint

Acces la biblioteca de doc pe care tocmai aţi creat şi încărcaţi Biblioteca jQuery.

5. Creaţi o listă particularizată SharePoint

Am început cu o listă particularizată pentru că vreau să muck despre cu standardul de formulare SharePoint. Ai putea crea, de asemenea, o pagină într-o bibliotecă de pagini sau pagini parte web şi, probabil, o mulţime de alte locuri.

Adauga unele coloane în lista personalizate astfel încât să aveţi ceva pentru a rula jQuery împotriva. Obiectivele mele iniţiale au fost de a:

1. Ascunde un câmp.
2. Asociaţi o valoare într-un câmp.

Cu acest obiectiv în minte, Am adăugat două câmpuri de text. În timp, Eu voi fi joc cu link-uri, imagini, căutări, etc.

6. Modifica pagina parte NewForm.aspx Web şi se adaugă o parte Web Editor de conţinut

Acest lucru este un pic de negru magic-ish , în faptul că este un concept nou pentru mine. Am învăţat prima dată despre acest lucru de la Paul Grenier, SharePoint jQuery Superstar, la site-ul său proiectul CodePlex: http://spff.codeplex.com/.

Urmaţi aceşti paşi pentru a adăuga o CEWP la aceeaşi pagină care arată NewForm.aspx pentru orice listă particularizată:

1. Accesa lista particularizată şi faceţi clic pe nou.
2. Adăugaţi următoarele URL-ul: Vizualizare de pagină = partajate&ToolPaneView = 2

Care va transforma dumneavoastră plictisitor vanilie date formular de intrare de la ceva de genul asta:

La acest:

Adauga partea editor de conţinut web la pagina.

7. Scrie jQuery dumneavoastră primul cod

Deschide acel CEWP în Vizualizare cod şi se adaugă următoarele:

Aici este codul actual, dacă doriţi să copiaţi/lipiţi:

<script-ul de tip ="text/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</script-ul>

<script-ul de tip ="text/javascript">
  $(funcţia() {

    $('#resultsID').HTML("Există" + $("a").dimensiune() + "un Tag-uri Tag-uri pe această pagină.");

  });
</script-ul>

Rezultatul:
<div id ='resultsID'></div>
/rezultatul

Reţineţi că primul <script-ul> Tag-ul este corelarea reale jQuery bibliotecă. Probabil, schimba aceste lucruri în timp, Deci, veţi dori să asiguraţi-vă că o) utilizaţi numele de dreapta şi b) punct-l la biblioteca de documente SharePoint corect.

Se încălzi în gloria

În cazul în care ai facut-o corect, veţi vedea un rezultat similar cu următorul:

Ambalaj de

Acest lucru nu este singura modalitate de a obţine a început, dar este rapid, usor si izolate de mediul de SharePoint existente.

</scop>

Aboneaza-te la blog-ul meu.

Urmaţi-mă pe Twitter, la http://www.twitter.com/pagalvin