Tämä on toinen viesti minun meneillään sarja Miten käyttää jQuery SharePoint.
Jos haluat lisätietoja jQuery, Suosittelen: jQuery toiminto Bear Bibeault ja Yehuda Katz.

Aloittaminen kanssa jQuery SharePoint on yllättävän helppoa (Minulle). (Minulla on vakavia kysymyksiä "parhaiden käytäntöjen" lähestymistapa otetaan käyttöön nämä asiat tuotantoon, mutta se on toinen päivä). Olen juuri aloittanut Pelaa tämän teknologian ja tässä tarkoituksessa, Loin sandbox-ympäristö. Jos etsit päästä alkuun kanssa jQuery, Tämä lähestymistapa voi olla hyötyä.

1. Luo tyhjä sivusto

Luo tyhjä sivusto jossain sivustosi ja kutsuvat sitä jotain fiksu kuten "jQuery hiekkalaatikko".

2. Lataa jQuery

JQuery javascript kirjasto voi ladata täältä: http://docs.jquery.com/Downloading_jQuery

Tallenna se työpöydälle.

Olen käyttänyt "minified" versio.

3. Luo SharePoint-tiedostokirjasto

Sandbox-sivuston, Asiakirjakirjaston luominen.

4. Lataa jQuery Kirjasto SharePoint

Käyttää doc kirjastoa juuri luomasi ja lataa jQuery-kirjaston.

5. Luoda mukautettuja SharePoint-luettelon

Olen alkanut mukautetun luettelon, koska halua hukata SharePoint vakiolomakkeet. Voit myös luoda sivu sivujen kirjastosta tai web-osasivuja ja luultavasti paljon muita paikkoja.

Lisättävä joitakin sarakkeita mukautetun luettelon, jotta saataisiin jotain jQuery vastaan. Aluksi tavoitteena oli:

1. Piilottaa kentän.
2. Määritä kentän arvo.

Tätä tavoitetta silmällä pitäen, Lisäsin kaksi tekstikentät. Ajan mittaan, Pelaan linkit, kuvia, haut, jne.

6. NewForm.aspx Web-osasivun muokkaamiseen ja sisällön muokkaus-Web-osan lisääminen

Tämä on pieni musta magic-ish , koska se on uusi käsite. Kuulin tästä lähtien Paul Grenier, SharePoint jQuery Superstar, hänen CodePlex hankkeen sivustolla: http://spff.codeplex.com/.

Näiden ohjeiden avulla voit lisätä CEWP samalla sivulla, jossa näkyy NewForm.aspx mukautetun luettelon:

1. Käyttää mukautettua luetteloa ja valitse uusi.
2. Liittää seuraava URL: Käyntikertojen = jaettu&ToolPaneView = 2

Joka muuttaa teidän jotain näin tylsää vanilja syöttölomakkeessa:

Tämän:

Sisällön muokkaus-web-osan lisääminen sivulle.

7. Kirjoita ensimmäinen jQuery-koodi

Auki jalkeilla että CEWP koodi-näkymässä ja lisätä seuraavat:

Tässä on todellinen koodi, jos haluat kopioi/liitä:

<komentosarjan tyyppi ="text/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</Script>

<komentosarjan tyyppi ="text/javascript">
  $(funktio() {

    $("#resultsID").HTML("On" + $("a").kokoa() + "tags Tunnisteet tällä sivulla.");

  });
</Script>

Tulos:
<div id ="resultsID"></div>
/tulos

Huomaa, että ensimmäinen <Script> Tag vertailemalla todellinen jQuery-kirjaston. Oletettavasti, Nämä asiat muuttuvat ajan myötä, joten sinun kannattaa Varmista, että sinulla) oikea nimi ja b) kohta se oikea SharePoint-asiakirjakirjaston.

Paistatella kirkkaus

Jos teit sen oikein, näyttöön tulee seuraavanlainen tulos:

Lyömässä lukkoon

Tämä ei ole ainoa tapa päästä alkuun, mutta se on nopeasti, helppoa ja eristää nykyiset SharePoint-ympäristöön.

</loppu>

Tilaa blogiin.

Noudata minut viserrys http://www.twitter.com/pagalvin