Tez və asan: SharePoint üçün öz jQuery Sandbox yarat

Bu, mənim bir yazı deyil seriyası davam istifadə etmək üçün jQuery SharePoint ilə.
Siz jQuery haqqında daha çox öyrənmək istəyirsinizsə,, Mən tövsiyə: Fəaliyyət ilə jQuery Bear Bibeault və Yehuda Katz ilə.

SharePoint ildə jQuery Başlarken təəccüblü asandır (mənə). (Mən istehsal bu şeylər yerləşdirilməsi üçün "ən yaxşı təcrübə" yanaşma haqqında ciddi suallar var, amma ki bir gün var). 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, Bu yanaşma faydalı ola bilər.

1. Boş site yaratmaq

Saytınıza haradasa boş bir site yaratmaq və "jQuery Sandbox" kimi ağıllı bir şey zəng.

2. JQuery Download

Buradan jQuery javascript kitabxana yükləyə bilərsiniz: http://docs.jquery.com/Downloading_jQuery

Masa üstü üçün Saxla.

Mən "minified" versiyasını istifadə edilmişdir.

3. SharePoint Document Kitabxana yarat

Sizin Sandbox saytda, create a document library.

4. SharePoint üçün jQuery Kitabxana yüklə

Yaratdığınız doc kitabxana daxil ol və jQuery kitabxana yüklemek.

5. Xüsusi SharePoint siyahısı yaradın

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. Bir sahəsində gizlət.
  2. Bir sahəsində bir dəyər təyin.

Nəzərə ki məqsədi ilə, I added two text fields. Zamanla, Mən links ilə oynayan olacaq, şəkillər, lookups, və s..

6. Ki, NewForm.aspx Web Part Page dəyişdirin və məzmun Redaktor Web Part əlavə et

Bu, bir az qara sehrli-ish deyil , in that it’s a new concept to me. I first learned about this from Paul Grenier, SharePoint jQuery Superstar, onun CodePlex layihə saytda: http://spff.codeplex.com/.

Hər hansı bir xüsusi siyahısı üçün NewForm.aspx göstərir ki, həmin səhifə üçün bir CEWP əlavə etmək üçün aşağıdakı adımları baxın:

  1. Xüsusi siyahısına daxil və Yeni basın.
  2. URL üçün aşağıdakı əlavə: Sahifada görünüşü = Paylaşılan&ToolPaneView = 2

Bu kimi bir şey sizin qazma vanil data giriş forması çevirmək ki,:

image

Bu:

image

Səhifə içeriği redaktoru Web Part əlavə et.

7. Sizin ilk jQuery kodu yazmaq

Kodu görünüşü ki CEWP açmaq və aşağıdakı əlavə edin:

image

Siz yapışdırıb / surəti istəyirsinizsə, burada faktiki kod:

<ssenari
    "text/javascript"
    src ="../../jQuery%20Library/jquery-1.3.2.min.js">
</ssenari>

<script type ="text/javascript">
  $(funksiyası() {

    $('# ResultsID').html("Var" + $('A').boy() + 'Bu səhifədə tags tags.);

  });
</ssenari>

Nəticə:
<div id ='ResultsID'></div>
/nəticə

Qeyd edək ki, ilk <ssenari> tag is referencing the actual jQuery library. Presumably, bu şeyi dəyişə, belə ki, siz əmin etmək lazımdır) doğru adı və b istifadə) doğru SharePoint sənəd kitabxana üçün qeyd.

Şöhrət Bask

Doğru yaptıysanız, aşağıdakı bənzər bir nəticə görürsünüz:

image

Up wrapping

Bu başlamaq üçün yeganə yolu deyil, lakin o tez var, easy and isolated from your existing SharePoint environment.

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin

2 Haqqında "fikirləriTez və asan: SharePoint üçün öz jQuery Sandbox yarat

  1. sujith krish

    Have you noticed that adding CEWP in editform.aspx would break the page and version information section shows up in the UI? Any workarounds for this?

    Anyone ?

    Cavab

Şəkil Yükləmə

E-poçt ünvanından dərc olunmayacaq. Lazım alanlar qeyd olunur *