দ্রুত এবং সহজ: SharePoint জন্য আপনার নিজস্ব jQuery স্যান্ডবক্স তৈরি করুন

এটা আমার আরেকটি পোস্ট সিরিজে চালু কিভাবে ব্যবহার করতে নেভিগেশন jQuery SharePoint সঙ্গে.
আপনি jQuery সম্পর্কে আরও জানতে চান, আমি অত্যন্ত সুপারিশ: এক্সন মধ্যে jQuery বিয়ার Bibeault এবং Yehuda Katz দ্বারা.

Getting started with jQuery in SharePoint is surprisingly easy (আমার). (I do have serious questions about a “best practices” approach to deploying these things to production, but that’s for another day). 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, you may find this approach useful.

1. Create a Blank Site

Create a blank site somewhere in your site and call it something clever like “jQuery Sandbox”.

2. Download jQuery

You can download the jQuery javascript library from here: http://docs.jquery.com/Downloading_jQuery

Save that to to your desktop.

I have been using the “minified” version.

3. Create a SharePoint Document Library

In your sandbox site, create a document library.

4. SharePoint আপনি jQuery লাইব্রেরি আপলোড করুন

আপনি শুধু তৈরি 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. সময়ের, আমি সংযোগগুলি সঙ্গে বাজানো হবে, ছবি, অনুসন্ধান, প্রভৃতি.

6. NewForm.aspx ওয়েব পার্ট পাতা পরিবর্তন এবং একটি বিষয়বস্তু সম্পাদনা ওয়েব পার্ট যোগ করুন

এই একটু কালো জাদু পর হয় , in that it’s a new concept to me. I first learned about this from পল Grenier, SharePoint jQuery Superstar, at his CodePlex project site: http://spff.codeplex.com/.

Follow these steps to add a CEWP to the same page that shows NewForm.aspx for any custom list:

  1. Access the custom list and click New.
  2. Append the following to the URL: PageView=Shared&ToolPaneView=2

That will transform your boring vanilla data entry form from something like this:

image

To this:

image

Add the content editor web part to the page.

7. Write Your First jQuery Code

Open up that CEWP in the code view and add the following:

image

Here’s the actual code if you want to copy/paste:

<স্ক্রিপ্ট
    "text/javascript"
    src ="../../jQuery Library/jquery-1.3.2.min.js">
</লিপি>

<স্ক্রিপ্টের ধরন ="text/javascript">
  $(কাজ() {

    $('#resultsID').HTML('There are ' + $('a').size() + ' a tags tags on this page.');

  });
</লিপি>

ফলাফল:
<div id='resultsID'></div>
/result

উল্লেখ্য যে প্রথম <লিপি> tag is referencing the actual jQuery library. Presumably, এই জিনিস সময়ের পরিবর্তন, সুতরাং আপনি আপনার একটি নিশ্চিত করতে চাইবেন) ডান নাম এবং বো ব্যবহার) সঠিক SharePoint নথি লাইব্রেরি এটি নির্দেশ.

পুণ্য হউক মধ্যে Bask

আপনি সঠিকভাবে তা যদি, আপনি নিম্নলিখিত বর্ণনার অনুরূপ একটি ফলাফল দেখতে পাবেন:

image

আপ মোড়ানো

এই শুরু করার একমাত্র উপায় নয়, কিন্তু এটি দ্রুত, easy and isolated from your existing SharePoint environment.

</শেষ>

আমার ব্লগ এর জন্য সাবস্ক্রাইব করুন.

টুইটারে আমার অনুসরণ http://www.twitter.com/pagalvin

Technorati বিভাগ: ,

del.icio.us ট্যাগ: ,

2 চিন্তা "দ্রুত এবং সহজ: SharePoint জন্য আপনার নিজস্ব jQuery স্যান্ডবক্স তৈরি করুন

সাইফুল আলম চৌধুরী

আপনার ইমেইল ঠিকানা প্রচার করা হবে না. প্রয়োজনীয় ক্ষেত্রগুলি চিহ্নিত করা আছে *