სწრაფი და მარტივი: საკუთარი jQuery Sandbox for SharePoint

ეს არის კიდევ ერთი პოსტი ჩემს მიმდინარე სერია , თუ როგორ გამოიყენოთ jQuery ერთად SharePoint.
თუ გსურთ მეტი jQuery, მე მაღალ რეკომენდაციას: jQuery მოქმედებაში by დათვი 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 Sandbox".

2. ჩამოტვირთეთ jQuery

თქვენ შეგიძლიათ jQuery javascript ბიბლიოთეკა აქედან: 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. Over time, მე უნდა თამაშობს კავშირების, გამოსახულებები, lookups, და ა.შ..

6. შეცვლა NewForm.aspx ვებ ნაწილი გვერდი და დამატება ინფორმაციის რედაქტორი ვებ ნაწილი

ეს არის პატარა შავი Magic-ish , in that it’s a new concept to me. I first learned about this from პოლ Grenier, SharePoint jQuery Superstar, მისი CodePlex პროექტის საიტი: http://spff.codeplex.com/.

დაიცავით ეს საფეხური CEWP იმავე გვერდზე, რომელიც აჩვენებს NewForm.aspx ნებისმიერი საბაჟო სია:

  1. ხელმისაწვდომობა საბაჟო სიაში და დაწკაპეთ ახალი.
  2. დამატება შემდგომ URL: PageView = გაერთიანებული&ToolPaneView = 2

ეს ხელს გარდაქმნას თქვენი მოსაწყენი vanilla მონაცემთა შეყვანის ფორმით მსგავსი რამ:

image

ამ:

image

დამატება შინაარსის რედაქტორი ვებ ნაწილი გვერდზე.

7. დაწერეთ თქვენი jQuery კოდექსი

ქმნის, რომ CEWP კოდექსში ხედვა და დაამატეთ შემდეგი:

image

აი ფაქტობრივი კოდი თუ გსურთ ასლი / პასტა:

<დამწერლობის
    "text/javascript"
    src ="../../jQuery%20Library/jquery-1.3.2.min.js">
</დამწერლობის>

<დამწერლობის ივერიის"text/javascript">
  $(ფუნქცია() {

    $('# ResultsID ").html("არსებობს" + $("ა").ზომა() + 'წარწერები წარწერები ამ გვერდზე.');

  });
</დამწერლობის>

შედეგი:
<div id ="ResultsID"></div>
/გამოიწვევს

გახსოვდეთ, რომ პირველი <დამწერლობის> tag is referencing the actual jQuery library. Presumably, ეს ყველაფერი შეიცვლება დროთა განმავლობაში, ასე რომ თქვენ გვინდა დავრწმუნდეთ, რომ თქვენ) გამოყენების უფლება სახელი და ბ) აღვნიშნო, რომ ეს სწორი SharePoint დოკუმენტის ბიბლიოთეკა.

Bask in დიდების

თუ თქვენ ეს გააკეთა სწორად, დაინახავთ შედეგი მსგავსია შემდეგ:

image

შეფუთვა მდე

ეს არ არის ერთადერთი გზა უნდა დაიწყო, მაგრამ ეს სწრაფია, easy and isolated from your existing SharePoint environment.

</ბოლო>

გამოწერა ჩემი დღიური.

გამომყვეს Twitter-ზე http://www.twitter.com/pagalvin

პროგრამები Tags: ,

del.icio.us სიტყვები: ,

2 thoughts on "სწრაფი და მარტივი: საკუთარი jQuery Sandbox for SharePoint

დატოვე პასუხი

თქვენი ელ-ფოსტა არ გამოქვეყნდება. აუცილებელი ველები მონიშნულია *