Šis ir vēl viens post manu sērija turpinās par to, kā izmantot jQuery ar SharePoint.
Ja vēlaties uzzināt vairāk par jQuery, Es ļoti ieteiktu: jQuery darbībā Lācis Bibeault un Jehuda Katz.

Darba sākšana ar jQuery SharePoint ir pārsteidzoši viegli (man). (Man ir nopietnas šaubas par "labākās prakses" pieeja, lai šīs lietas nodošanu ražošanas, bet tas ir par citu dienu). Esmu tikko sākuši rotaļājoties ar šo tehnoloģiju, un šim nolūkam, Es radīju sandbox vidi, lai izmantotu. Ja jūs meklējat, lai sāktu darbu ar jQuery, Šī pieeja var būt noderīgas.

1. Izveidot jaunu vietni

Izveidot tukšu vietu kaut kur jūsu vietā, un to sauc kaut kas gudrs, tāpat kā "jQuery Sandbox".

2. Download jQuery

JQuery javascript bibliotēkas varat lejupielādēt no šejienes: http://docs.jquery.com/Downloading_jQuery

Saglabājiet to savā datorā.

Ir lietojušas "minified" versija.

3. SharePoint dokumentu bibliotēkas izveide

Smilšu vietā, izveidojiet dokumentu bibliotēku.

4. Augšupielādēt jQuery bibliotēku SharePoint

Piekļūt tikko izveidoto doc bibliotēku un augšupielādēt jQuery bibliotēku.

5. Izveidot pielāgotu SharePoint sarakstu

Esam sākuši ar pielāgotu sarakstu tāpēc, ka es gribu piemēslot ar standarta veidlapas SharePoint. Var arī izveidot lapu lapu bibliotēkā vai web daļu lapu un, iespējams, daudz citas vietas.

Dažas kolonnas pievienošana pielāgotā saraksta tāpēc, ka jums ir kaut kas pret jQuery palaist. Manu sākotnējo mērķi bija:

1. Paslēptu lauku.
2. Piešķiriet vērtību laukam.

Ar šo mērķi prātā, Pievienoju divas teksta lauki. Laika gaitā, Es ņemšu spēlē ar saitēm, attēlus, uzmeklējumus, uc.

6. Modificēt NewForm.aspx Web daļu lapas un pievienot satura redaktora Web daļu

Tas ir maz black magic-ish , ka tas ir jauns jēdziens, lai mani. Es pirmo reizi uzzināja par šo no Paul Grenier, SharePoint jQuery Superstar, viņa CodePlex projekta vietā: http://spff.codeplex.com/.

Izpildiet šos soļus, kā pievienot CEWP uz vienu un to pašu lapu, kurā redzami NewForm.aspx par jebkuru pielāgotu sarakstu:

1. Piekļūt pielāgotā saraksta, un noklikšķiniet uz Jauns.
2. Pievienot šādu URL: Lapas apskatī anas = koplietojamo&ToolPaneView = 2

Kas pārvērtīs jūsu boring vaniļas datu ievades formas no kaut kas līdzīgs šim:

Uz šo:

Satura redaktora web daļas pievienošana lapai.

7. Uzrakstiet jūsu pirmais jQuery kodu

Atvērt šo CEWP koda skatā un pievienot sekojošus:

Šeit ir faktiskais kods, ja vēlaties kopēt/ielīmēt:

<skripta tips ="text/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</skriptu>

<skripta tips ="text/javascript">
  $(funkcija() {

    $('#resultsID').HTML('Vai' + $('a').lielums() + "tags tags šajā lapā.");

  });
</skriptu>

Rezultāts:
<div id ='resultsID'></DIV>
/rezultāts

Ievērojiet, ka pirmais <skriptu> tag ir atsaukšanās uz faktisko jQuery bibliotēka. Iespējams, ka, laika gaitā mainās šīs lietas, Tātad jūs vēlaties, lai pārliecinātos, ka) izmantojiet labo vārdu un b) punktu tā pareizu SharePoint dokumentu bibliotēku.

Viņa sildījās šajā krāšņumā

Ja jūs to pareizi, jūs redzēsiet rezultātu, kas ir līdzīgs šim:

Ietīšana līdz

Tas nav vienīgais veids, lai sāktu, bet tas ir ātrs, viegli un izolēts no savas esošās vides SharePoint.

</beigās>

Abonēt manu blogu.

Sekot mani uz čivināt pie http://www.twitter.com/pagalvin