Greitai ir lengvai: Sukurti savo jQuery Sandbox SharePoint

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:

  1. Slėpti lauką.
  2. 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šą:

  1. Pasirinktinį sąrašą ir spustelėkite Naujas.
  2. Papildyti tokia eilute URL: Puslapio = bendras&ToolPaneView = 2

Kad bus paversti savo nuobodu vanilės duomenų įrašų formą iš kažką panašaus į tai:

image

Į šį:

image

Pridėti turinio rengyklės žiniatinklio dalį į puslapį.

7. Rašyti pirmasis jQuery kodas

Atverti kad CEWP rodinyje kodą ir pridėti po:

image

Č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 į:

image

Baigdamas

Tai ne vienintelis būdas pradėti, bet tai greitai, lengva ir izoliuotas nuo jūsų esamų SharePoint aplinka.

</pabaigos>

Prenumeruoti savo dienoraštį.

Sekite mane Twitter ne http://www.twitter.com/pagalvin

del.icio.us Žymos: ,

2 mintys apie "Greitai ir lengvai: Sukurti savo jQuery Sandbox SharePoint

  1. Ovidijus Zidiniai

    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 ?

    Atsakyti

palik atsakymą

Jūsų elektroninio pašto adresas nebus skelbiamas. Privalomi laukai yra pažymėti *