To je še en post v mojem tekoče series kako uporabljati jQuery s SharePointom.
Če želite izvedeti več o jQuery, Toplo priporočam: jQuery v akciji Bibeault medved in Yehuda Katz.

Uvod v jQuery v SharePoint je presenetljivo enostaven (meni). (So resna vprašanja o "najboljše prakse" pristop k uvajanju teh stvari za proizvodnjo, ampak to je za en dan). Pravkar sem začel igrati s to tehnologijo in v ta namen, Sem ustvaril sandbox okolju za uporabo. Če iščete, da bi začeli z jQuery, morda uporabni ta pristop.

1. Ustvarite prazno mesto

Ustvarite prazno mesto nekje v vašem mestu in rečejo nekaj pameten kot "jQuery Sandbox".

2. Download jQuery

JQuery javascript knjižnico lahko prenesete od tukaj: http://docs.jquery.com/Downloading_jQuery

Da, da shranite na namizje.

Imam been using "minified" različica.

3. Ustvarite knjižnico dokumentov SharePoint

V spletnem mestu sandbox, ustvarite knjižnico dokumentov.

4. Upload jQuery knjižnico SharePoint

Dostop do doc knjižnice, ki ste jo pravkar ustvarili in upload jQuery knjižnico.

5. Ustvarite seznam po meri SharePoint

Sem začel s seznamom po meri, ker želim postopati z standardnih obrazcev SharePoint. Ustvarite lahko tudi stran v knjižnici strani ali strani spletnih gradnikov in verjetno veliko drugih mestih.

Nekatere stolpce dodate seznam po meri, tako da imate nekaj teči jQuery proti. Moj prvotni cilji so bili:

1. Skrili polje.
2. Dodeliti vrednosti poljem.

S tem ciljem v mislih, Dodal sem dva polja z besedilom. Sčasoma, Bom igral s povezavami, slike, poizvedbe, itd.

6. Spreminjanje del NewForm.aspx spletne strani in dodajte spletni gradnik urejevalnika vsebine

To je malo črno magic-ish , je nov koncept za mene. Sem prvič izvedela o tem iz Paul Grenier, SharePoint jQuery Superstar, na njegovo mesto projekta CodePlex: http://spff.codeplex.com/.

Sledite korakom dodajanja a CEWP na isto stran, ki prikazuje NewForm.aspx za vsak seznam po meri:

1. Dostop do seznam po meri in še Nova.
2. Privesiti sledeč URL: Ogleda = skupni&ToolPaneView = 2

Ki bo preoblikovati svoje dolgočasno vanilije podatki prijavnico iz kaj takega:

Za to:

Strani dodajte spletni gradnik urejevalnika vsebine.

7. Napisati vaš prvi jQuery kodo

Odpri ta CEWP v pogled kode in dodajte naslednje:

Tukaj je dejanska koda, če želite, da copy/paste:

<scenarij vrsta ="text/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</skript>

<skript tipa ="text/javascript">
  $(Funkcija() {

    $("#resultsID").HTML("Obstajajo" + $("a").velikost() + 'tags oznake na tej strani.');

  });
</skript>

Rezultat:
<div id ="resultsID"></div>
/rezultat

Upoštevajte, da prvi <skript> oznaka je navajanje dejanske jQuery knjižnico. Verjetno, te stvari se spreminjajo skozi čas, tako boste želeli, da poskrbite, da boste na) Uporabite pravo ime in b) pokažite na pravilen knjižnice dokumentov SharePoint.

Uživati v slavo

Če ti je pravilno, boste videli rezultat, ki je podobno naslednjemu:

Zavijanje

To ni edini način, da bi začeli, vendar je hitro, enostaven in izolirani iz vaše obstoječe okolje SharePoint.

</namen>

Naročite se na moj blog.

Sledite mi na Cvrkutati na http://www.twitter.com/pagalvin