Արագ եւ հեշտ: Ստեղծել ձեր սեփական jQuery դեպի ավազաման համար Sharepoint

Սա եւս մեկ գրառումը իմ - ին մտադիր է մի շարք թե ինչպես օգտագործել jQuery ինչպես Sharepoint.
Եթե ​​ցանկանում եք ավելին իմանալ այն մասին jQuery, Ես բարձր խորհուրդ: jQuery - ին գործողության - ի կողմից կրած Bibeault եւ Yehuda Katz.

Ինչից սկսվեց jQuery է Sharepoint է զարմանալիորեն հեշտ (ինձ). (Ես լուրջ հարցեր մի լավագույն փորձի »մոտեցում է տեղակայման բաները արտադրանքի, բայց սա եւս մեկ օրում). I’ve just started playing with this technology and to that end, I created a sandbox environment to use. If you’re looking to get started with jQuery, Դուք կարող եք գտնել այս մոտեցումը օգտակար.

1. Ստեղծել դատարկ կայքը

Ստեղծել դատարկ տեղ կայքը ձեր կայքում, եւ այն անվանում են խելացի բան է նման «jQuery դեպի ավազաման".

2. Բեռնել jQuery

Դուք կարող եք բեռնավորել այստեղից jQuery Դեկտեմբեր գրադարանից: http://docs.jquery.com/Downloading_jQuery

Պահել որ Ձեր աշխատասեղանին.

Ես օգտագործում է minified »տարբերակը.

3. Ստեղծել Sharepoint փաստաթուղթը գրադարան

Ձեր դեպի ավազաման կայքում, create a document library.

4. Վերբեռնել է jQuery գրադարանից Sharepoint

Մուտք գործելու doc գրադարան դուք պարզապես ստեղծված եւ վերբեռնել այն jQuery գրադարանից.

5. Ստեղծել գործարկողի Sharepoint ցուցակ

I’ve started with a custom list because I want to muck about with standard SharePoint forms. You could also create a page in a pages library or web part pages and probably a lot of other places.

Add some columns to the custom list so that you have something to run jQuery against. My initial objectives were to:

  1. Թաքցնել մի դաշտ.
  2. Որեւէ արժեք դեպի տվյալ ոլորտում.

Այդ նպատակի մտքում, I added two text fields. Ժամանակի ընթացքում, Ես պետք է խաղում հղումներ, պատկերներ, lookups, եւ այլն:.

6. Փոփոխել NewForm.aspx Վեբ Մաս էջը եւ լրացնել խոսք խմբագիր վեբ դեմ

Սա մի քիչ սեւ Magic-ish , in that it’s a new concept to me. I first learned about this from Paul Grenier, Sharepoint jQuery Superstar, իր CodePlex ծրագրի կայքում: http://spff.codeplex.com/.

Հետեւեք այս քայլերին, ավելացնել CEWP նույն էջի որը ցույց է տալիս NewForm.aspx որեւէ մաքսային ցուցակում:

  1. Մուտք գործելու գործարկողի ցանկը եւ կտտացրեք New.
  2. Ավելացնել հետեւյալը, որ հղում: Էջերի դիտման = համօգտագործում&ToolPaneView = 2

Որոնք վերափոխել ձեր ձանձրալի Vanilla տվյալների մուտքի ձեւ է նման բան: Այս:

image

Այս:

image

Ավելացնել բովանդակության խմբագիր վեբ մասը Էջ.

7. Գրեք ձեր առաջին jQuery օրենսգիրք

Բացել այդ CEWP է ծածկագրի տեսանկյունից եւ ավելացնել հետեւյալը,:

image

Ահա իրական կոդը, եթե ցանկանում եք պատճենել / կպցնել:

<ձեռագիր
    "Text / JavaScript"
    Բացել =Է. /.. / JQuery% - ը 20Library/jquery-1.3.2.min.js">
</ձեռագիր>

<script տեսակ ="Text / JavaScript">
  $(ֆունկցիա() {

    $('# ResultsID.).html(«Կան ... + $('A').չափ() + Մի պիտակներ tags այս էջի տարբերակման. ');

  });
</ձեռագիր>

Արդյունք:
<id = div'ResultsID'></div>
/արդյունք

Նշենք, որ առաջին <ձեռագիր> tag is referencing the actual jQuery library. Presumably, այդ ամենը փոխել, ժամանակի ընթացքում, այնպես որ դուք ցանկանում եք, համոզվեք, որ) օգտագործել ճիշտ անունը եւ բ) մատնանշում է այն ճիշտ Sharepoint փաստաթղթերի գրադարան.

Տաքանալ են Փառքի

Եթե ​​դուք դա արել է ճիշտ, կտեսնեք մի արդյունքի նման է հետեւյալ:

image

Ամփոփելով

Սա միակ ճանապարհն է սկսել, բայց դա արագ, easy and isolated from your existing SharePoint environment.

</վերջ>

Անդամագրվել իմ բլոգում.

Գտեք Twitter-ում http://www.twitter.com/pagalvin

Արորդիների Tags: ,

2 thoughts on "Արագ եւ հեշտ: Ստեղծել ձեր սեփական jQuery դեպի ավազաման համար Sharepoint

Ավելացնել կարծիք

Ձեր էլ. Փոստի հասցեն չի հրապարակվելու. Պահանջվող դաշտերը նշված են աստղանիշով *