त्वरित और आसान: SharePoint के लिए अपनी खुद jQuery Sandbox बनाएँ

यह एक और पोस्ट में है मेरी चल रहे श्रृंखला कैसे का उपयोग करने के लिए पर jQuery SharePoint के साथ.
अगर तुम jQuery के बारे में अधिक जानने के लिए चाहते हैं, मैं अत्यधिक की सलाह देते हैं: कार्रवाई में jQuery Bear Bibeault और येहुदा Katz द्वारा.

हैरानी की बात है आसान है SharePoint में jQuery के साथ शुरू हो रही है (मेरे लिए). (मैं इन बातों के उत्पादन के लिए परिनियोजित करने के लिए एक "सर्वोत्तम प्रथाओं" दृष्टिकोण के बारे में गंभीर सवाल है, लेकिन है कि एक और दिन के लिए). मैं बस शुरू कर दिया है कि अंत करने के लिए और इस तकनीक के साथ बजाना, मैं एक sandbox वातावरण का उपयोग करने के लिए बनाया. अगर तुम jQuery के साथ शुरू करने के लिए देख रहे हैं, आप इस दृष्टिकोण उपयोगी पा सकते हैं.

1. किसी रिक्त साइट बनाएँ

किसी रिक्त साइट आपकी साइट में कहीं न कहीं बनाएँ और यह कुछ की तरह "jQuery Sandbox" चतुर को बुलाओ.

2. JQuery डाउनलोड करें

आप यहाँ से jQuery जावास्क्रिप्ट पुस्तकालय डाउनलोड कर सकते हैं: http://docs.jquery.com/Downloading_jQuery

कि करने के लिए अपने डेस्कटॉप पर सहेजें.

मैं "minified" संस्करण का उपयोग कर रहा है.

3. किसी SharePoint दस्तावेज़ लायब्रेरी बनाएँ

अपने sandbox साइट में, किसी दस्तावेज़ लायब्रेरी बनाएँ.

4. JQuery पुस्तकालय करने के लिए SharePoint अपलोड करें

डॉक्टर आप अभी बनाई गई लायब्रेरी तक पहुँच और jQuery पुस्तकालय अपलोड करें.

5. एक कस्टम SharePoint सूची बनाएँ

मैं एक कस्टम सूची के साथ शुरू कर दिया है क्योंकि मैं मानक SharePoint रूपों के साथ के बारे में गंदगी करना चाहता हूँ. तुम भी एक पृष्ठ लाइब्रेरी में कोई पृष्ठ या वेब भाग पेजेज़ और शायद अन्य स्थानों के एक बहुत बना सकता है.

इतनी है कि आप के लिए कुछ jQuery के खिलाफ चलाने के लिए है कुछ कॉलम के लिए कस्टम सूची जोड़ें. मेरी प्रारंभिक उद्देश्यों के लिए थे:

  1. एक फ़ील्ड छुपाएँ.
  2. किसी फ़ील्ड से एक मान असाइन करें.

के साथ कि उद्देश्य मन में, मैं दो पाठ फ़ील्ड जोड़ा. समय के साथ, मैं लिंक के साथ खेल रहा हूँ, छवियाँ, लुकअप्स, आदि.

6. संशोधित करें NewForm.aspx वेब पार्ट पृष्ठ और सामग्री संपादक वेब पार्ट जोड़ना

यह एक छोटी सी काली magic-ish है , में है कि यह मेरे लिए एक नई अवधारणा है. मैं पहले से इस बारे में सीखा पॉल Grenier, SharePoint jQuery सुपरस्टार, उसकी CodePlex परियोजना स्थल पर: http://spff.codeplex.com/.

किसी कस्टम सूची के लिए NewForm.aspx पता चलता है कि एक ही पृष्ठ के लिए एक CEWP जोड़ने के लिए निम्न चरणों का पालन करें:

  1. नया क्लिक करें और कस्टम सूची का उपयोग.
  2. निम्नलिखित URL को संलग्न: पेज व्यू = साझा&ToolPaneView = 2

कि कुछ इस तरह से अपनी उबाऊ वेनिला डेटा प्रविष्टि प्रपत्र बदलना होगा:

image

यह करने के लिए:

image

सामग्री संपादक वेब पार्ट को पेज से जोड़ने.

7. आपका पहला jQuery कोड लिखें

कोड दृश्य में उस CEWP को खोलने और निम्न कार्य जोड़ें:

image

यहाँ वास्तविक कोड है यदि आप कॉपी/पेस्ट करना चाहते हैं:

<स्क्रिप्ट प्रकार ="पाठ/जावास्क्रिप्ट"
    src =".. /.. /jQuery Library/jquery-1.3.2.min.js">
</स्क्रिप्ट>

<स्क्रिप्ट प्रकार ="पाठ/जावास्क्रिप्ट">
  $(समारोह() {

    $('#resultsID').html('हैं' + $('ए').का आकार() + 'एक टैग टैग इस पन्ने पर.');

  });
</स्क्रिप्ट>

परिणाम:
<div id ='resultsID'></div>
/परिणाम

ध्यान दें कि पहले <स्क्रिप्ट> टैग वास्तविक jQuery पुस्तकालय को संदर्भित है. संभाव्यतः, ये चीजें समय के साथ परिवर्तित करें, इसलिए आप सुनिश्चित करें कि आप करने के लिए चाहता हूँ एक) सही नाम और ख का उपयोग करें) यह इंगित करने के लिए सही SharePoint दस्तावेज़ लायब्रेरी.

महिमा में bask

अगर आप इसे सही ढंग से किया था, आप निम्न के जैसा परिणाम देखेंगे:

image

लपेटन

यह एकमात्र तरीका है आरंभ करने के लिए नहीं है, लेकिन यह जल्दी है, आसान और अपने मौजूदा SharePoint पर्यावरण से पृथक.

</अंत>

मेरे ब्लॉग के लिए सदस्यता लें.

मेरे चहचहाना पर का पालन करें http://www.twitter.com/pagalvin

Technorati टैग: ,

del.icio.us टैग: ,

2 पर विचार "त्वरित और आसान: SharePoint के लिए अपनी खुद jQuery Sandbox बनाएँ

कोई जवाब दो

आपका ईमेल पता प्रकाशित नहीं किया जाएगा. अपेक्षित स्थानों को रेखांकित कर दिया गया है *