Tai kitą postą į mano vyksta serija kaip naudotis jQuery su SharePoint.
Jei norite sužinoti daugiau apie jQuery, Aš labai rekomenduoju: jQuery veiksmų Padengia Bibeault ir Yehuda Katz.
Darbo pradžia su jQuery SharePoint yra stebėtinai lengva (man). (Aš turiu rimtų klausimų apie "geriausia patirtimi" požiūris į visuotinį šių dalykų gamybos, bet tai kitą dieną). Aš ką tik pradėjo žaisti su šia technologija ir tuo tikslu, Aš sukūriau smėlio dėžės aplinką naudoti. Jei norite pradėti dirbti su jQuery, jums gali praversti šis metodas.
1. Sukurti tuščią puslapį
Sukurti tuščią puslapį kažkur į jūsų svetainę ir vadina jį kažkas protingas kaip "jQuery Sandbox".
2. Parsisiųsti jQuery
Pagal jQuery javascript biblioteka galite atsisiųsti iš čia: http://docs.jquery.com/Downloading_jQuery
Kad įrašyti darbalaukyje.
Aš naudoju "minified" versija.
3. Sukurti SharePoint dokumentų bibliotekoje
Svetainės smėlio dėžės, sukurti dokumentų biblioteką.
4. Įkelti jQuery biblioteka SharePoint
Prieiti prie ką tik sukurtas dok bibliotekos ir įkelti jQuery biblioteka.
5. Sukurti pasirinktines SharePoint sąrašą
Aš pradėjau nuo pasirinktinio sąrašo nes noriu su SharePoint formos slampinėti. Galite sukurti puslapio puslapių bibliotekoje arba žiniatinklio dalies puslapių ir turbūt daug kitų vietų.
Pridėti kai kurie stulpeliai pasirinktinį sąrašą, kad jūs turite kažkas paleisti jQuery prieš. Mano pradinis tikslai buvo:
- Slėpti lauką.
- Priskirti vertę į lauką.
Šį tikslą omenyje, Aš pridėjo du teksto laukus. Laikui bėgant, Aš žaisti su nuorodos, vaizdai, paieška, ir tt.
6. Keisti NewForm.aspx žiniatinklio dalies puslapyje ir pridėti turinio rengyklės žiniatinklio dalį
Tai yra mažai juoda magic-ish , jos būtų naują koncepciją mane. Aš pirmą kartą sužinojo apie tai iš Paul Grenier, SharePoint jQuery Superstar, jo CodePlex projekto svetainėje: http://spff.codeplex.com/.
Atlikite šiuos veiksmus ir pridėkite yra CEWP į tą patį puslapį, kuris rodo NewForm.aspx, bet pasirinktinį sąrašą:
- Pasirinktinį sąrašą ir spustelėkite Naujas.
- Papildyti tokia eilute URL: Puslapio = bendras&ToolPaneView = 2
Kad bus paversti savo nuobodu vanilės duomenų įrašų formą iš kažką panašaus į tai:
Į šį:
Pridėti turinio rengyklės žiniatinklio dalį į puslapį.
7. Rašyti pirmasis jQuery kodas
Atverti kad CEWP rodinyje kodą ir pridėti po:
Čia yra tikrasis kodas, jei norite kopijuoti ir įklijuoti:
<scenarijų tipo ="text/javascript" src =".. /.. /jQuery Library/jQuery-1.3.2.min.js"> </scenarijų> <scenarijų tipo ="text/javascript"> $(funkcija() { $("#resultsID").HTML("Yra" + $("a").dydis() + "žymes žymės šiame puslapyje."); }); </scenarijų> Rezultatas: <div id ="resultsID"></DIV> /rezultatas |
Atkreipkite dėmesį, kad pirmasis <scenarijų> žymė nurodo faktines jQuery biblioteka. Matyt, tai pakeisti per tam tikrą laiką, Taigi jūs norite įsitikinkite, kad jums yra) Naudokite tinkamą pavadinimą ir b) nukreipti jį į teisingą SharePoint dokumentų bibliotekos.
Greta Ačiū
Jei tu ji teisingai, Jūs pamatysite rezultatas yra pana i į:
Baigdamas
Tai ne vienintelis būdas pradėti, bet tai greitai, lengva ir izoliuotas nuo jūsų esamų SharePoint aplinka.
</pabaigos>
Sekite mane Twitter ne http://www.twitter.com/pagalvin
Ar pastebėjote, kad pridedant CEWP editform.aspx būtų nutraukti puslapį ir UI pasirodo versija informacijos skyriuje? Jokios problemos dėl to?
Kas nors ?
Atsiprašome už niekada reaguoti. Aš tikiuosi, jūs suprato, problemą.