Gyors és egyszerű: Hozzon létre saját jQuery homokozó elvű SharePoint

Ez másik felad-ban az én-m folyamatos sorozat hogyan kell használni jQuery SharePoint programmal.
Ha azt szeretné, ha többet szeretne tudni a jQuery, Erősen ajánlott: jQuery akcióban a Medve Bibeault és Yehuda Katz.

Ismerkedés a SharePoint jQuery is meglepően egyszerű (nekem). (A "legjobb gyakorlatok" megközelítés az üzembe helyezéséhez ezeket a dolgokat, termelési súlyos kérdéseket van, de ez egy másik nap). Csak elkezdtem játszani ezzel a technológiával, és ennek érdekében, Létrehoztam egy homokszóró láda környezet használata. Ha-a ' látszó-hoz kap kezdett-val jQuery, hasznos ez a megközelítés.

1. Üres webhely létrehozása

Üres webhely létrehozása, valahol a webhely és a felhívás, hogy valami okos, mint a "jQuery homokozó elvű".

2. Töltse le a jQuery

Itt letöltheti a jQuery javascript könyvtár: http://docs.jquery.com/Downloading_jQuery

Menteni, hogy a számítógép asztalára.

Van használ a "minified" változat.

3. SharePoint-dokumentumtár létrehozása

A homokozó elvű webhely, dokumentumtár létrehozása.

4. SharePoint dokumentumtár jQuery feltöltése

Az imént létrehozott doc könyvtár eléréséhez, és jQuery tár feltöltése.

5. Egyéni SharePoint lista létrehozása

Már kezdett egy egyéni listát, mert azt akarom, hogy vacakol a szabványos SharePoint-űrlapok. Ön tudna isteremt egy oldalt a laptárban vagy kijelzőlapok, és valószínűleg egy csomó más helyen.

Néhány oszlopok hozzáadása egyéni lista, így, hogy van valami, hogy futtassa a jQuery ellen. Az én eredeti cél volt:

  1. Egy mező elrejtése.
  2. Adjon meg értéket a mezőben.

E célkitűzést szem, Én hozzá a két szöveg megfog. Idővel, Én fogok játszani, hivatkozásokkal, képek, keresések, stb.

6. A NewForm.aspx kijelzőlap módosítása és hozzáadása a Tartalomszerkesztő kijelző

Ez a kis fekete magic-ish , az, hogy egy új fogalom számomra. Először tudomást a, a Paul Grenier, SharePoint jQuery szupersztár, a CodePlex projekt helyén: http://spff.codeplex.com/.

Kövesse az alábbi lépéseket a CEWP hozzáadása ugyanaz a weblap bármely egyéni lista NewForm.aspx mutatja:

  1. Hozzáférés az egyéni listát, és kattintson az új gombra.
  2. A következő hozzáfűzni az URL-cím: Oldalmegtekintések = Shared&ToolPaneView = 2

Amit akarat átalakít-a unalmas vanília adatbeviteli űrlapot, valami ilyesmi:

image

Ez a:

image

A Tartalomszerkesztő kijelző hozzáadása a laphoz.

7. A első jQuery kód írása

Nyissa meg a CEWP a kód nézetben, és adjuk hozzá a következő:

image

Itt van a tényleges kód ha Ön akar-hoz másol/tészta:

<script type ="text/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</parancsfájl>

<a parancsfájl típus ="text/javascript">
  $(függvény() {

    $("#resultsID").HTML("Vannak" + $("a").méret() + "címkék címkék ezen az oldalon.");

  });
</parancsfájl>

Eredmény:
<div id ="resultsID"></Div>
/eredmény

Vegye figyelembe, hogy az első <parancsfájl> cédula van hozzákapcsolva, a tényleges jQuery könyvtár. Feltehetően, Ezek a dolgok idővel változnak., Így youll ' akar-hoz győződj meg Ön egy) használja a megfelelő néven és b) mutasson a megfelelő SharePoint-dokumentumtár.

Sütkérezik a dicsőségben

Ha nem helyesen, meglátod egy eredmény az alábbihoz hasonló:

image

Csomagolta

Ez nem az egyetlen módja, hogy indult, de gyors, könnyű és szigetelve a meglévő SharePoint-környezet.

</vége>

Subscribe to my blog.

Kövesse nekem Twitter http://www.twitter.com/pagalvin

del.icio.us Címkék: ,

2 gondolatok „Gyors és egyszerű: Hozzon létre saját jQuery homokozó elvű SharePoint

  1. Gévai Ildikó

    Észrevetted, hogy hozzá CEWP editform.aspx szakadna a lap, és változat információ részben azt mutatja fel, a felhasználói felület? Bármely megoldásai?

    Bárki, aki ?

    Válasz

hagyj válaszüzenetet

Az e-mail címed nem kerül nyilvánosságra. Kötelező kitölteni *