Rychlé a snadné: Vytvořit svůj vlastní jQuery izolovaného prostoru pro SharePoint

To je další post v mé probíhající série Jak používat jQuery s SharePoint.
Pokud se chcete dozvědět více o jQuery, Důrazně doporučujeme: jQuery v akci Medvěd Bibeault a Jehuda Katz.

Začínáme s jQuery v SharePoint je překvapivě snadné (Pro mě). (Mít vážné otázky ohledně "osvědčených postupů" přístup k nasazení tyto věci do výroby, Ale to je na další den). Právě jsem začal hrát s touto technologií a za tímto účelem, Vytvořil jsem uzavřeném prostředí používat. Máte-li zájem začít s jQuery, užitečné tento přístup.

1. Vytvořit prázdný web

Vytvořit prázdný web někde na webu a Nazvěme to něco chytrého jako "jQuery izolovaného prostoru".

2. Stáhnout jQuery

Javascript knihovnu jQuery můžete stáhnout zde: http://docs.jquery.com/Downloading_jQuery

Že se uložit na plochu.

Používám "minified" verze.

3. Vytvořit knihovnu dokumentů služby SharePoint

V karanténě zabezpečení webu, vytvoření knihovny dokumentů.

4. Nahrát knihovnu jQuery na serveru SharePoint

Přístup ke knihovně dokumentu, který jste právě vytvořili a uložit knihovnu jQuery.

5. Vytvořit vlastní seznam SharePoint

Jsem začal s vlastní seznam, protože chci muck o standardních formulářů služby SharePoint. Můžete také vytvořit stránku v knihovně stránky nebo stránky webových částí a pravděpodobně mnoho dalších míst.

Přidejte některé sloupce do seznamu vlastní, abyste měli něco do začátku jQuery proti. Můj původní cíle byly k:

  1. Skrýt pole.
  2. Přiřaďte hodnotu do pole.

S tímto cílem na mysli, Přidala jsem dvě textová pole. V průběhu času, Já budu hrát s odkazy, obrázky, vyhledávání, atd.

6. Upravte stránku NewForm.aspx webových částí a přidejte webovou část Editor obsahu

Je to malý černý magic-ish , v tom je nový koncept pro mě. Jsem se poprvé dozvěděl o tomto od Paul Grenier, SharePoint jQuery Superstar, na jeho místě projektu Revision: http://spff.codeplex.com/.

Pomocí následujícího postupu přidejte CEWP na stejnou stránku, která zobrazuje NewForm.aspx (NovýFormulář.aspx) pro vlastní seznam:

  1. Přístup k vlastní seznam a klepněte na tlačítko Nový.
  2. Připojte následující URL: Pozoruji = sdílené&ToolPaneView = 2

To bude transformovat nudné vanilkové dat přihláška od něčeho takového:

image

K tomuto:

image

Přidat webovou část editor obsahu na stránku.

7. Napsat svůj první jQuery kód

Otevři tu CEWP v zobrazení kódu a přidejte následující:

image

Tady je skutečný kód, pokud chcete kopírovat/vložit:

<skript typ ="text/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</skript>

<skript typ ="text/javascript">
  $(funkce() {

    $("#resultsID").HTML("Jsou" + $("a").velikost() + "značky značky na této stránce.");

  });
</skript>

Výsledek:
<div id ="resultsID"></div>
/výsledek

Všimněte si, že první <skript> Značka se odkazuje aktuální jQuery knihovnu. Podle všeho, tyto věci se mění v průběhu času, Takže budete chtít ujistěte se, že) Použijte správné jméno a b) Přejděte na správné knihovny dokumentů služby SharePoint.

Dopřejte si slávu

Pokud jste to správně, zobrazí následující výsledek:

image

Se

Není to jediný způsob, jak začít, Ale je to rychlé, snadné a izolované od svého stávajícího prostředí SharePoint.

</Konec>

Přihlásit se na mém blogu.

Za mnou na Twitter na http://www.twitter.com/pagalvin

Doplněk Technorati značky: ,

del.icio.us značky: ,

2 myšlenky na „Rychlé a snadné: Vytvořit svůj vlastní jQuery izolovaného prostoru pro SharePoint

  1. Jirka Hana

    Jste si všimli, že přidání CEWP v editform.aspx by nastalo stránky a části informace o verzi se zobrazí v uživatelském rozhraní? Jakékoli řešení?

    Každý, kdo ?

Zanech odpověď

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *