Ini adalah posting lain dalam saya terus-menerus seri bagaimana menggunakan jQuery dengan SharePoint.
Jika Anda ingin mempelajari lebih lanjut tentang jQuery, Saya sangat merekomendasikan: jQuery dalam tindakan oleh beruang Bibeault dan Yehuda Katz.

Memulai dengan jQuery di SharePoint mudah (Ke saya). (Saya punya pertanyaan serius tentang pendekatan "best practices" untuk penggelaran itu untuk produksi, Tapi itu untuk hari lain). Saya baru saja mulai bermain dengan teknologi ini dan itu, Saya menciptakan lingkungan sandbox menggunakan. Jika Anda mencari untuk memulai dengan jQuery, Anda mungkin menemukan pendekatan ini berguna.

1. Membuat situs kosong

Membuat sebuah situs kosong di suatu tempat di situs Anda dan menyebutnya sesuatu yang pintar seperti "jQuery Sandbox".

2. Download jQuery

Anda dapat men-download jQuery javascript library dari sini: http://docs.jquery.com/Downloading_jQuery

Menyimpan itu untuk desktop Anda.

Saya telah menggunakan versi "minified".

3. Buat sebuah perpustakaan dokumen SharePoint

Di situs sandbox, Buat sebuah perpustakaan dokumen.

4. Meng-upload jQuery perpustakaan ke SharePoint

Akses doc perpustakaan yang baru Anda buat dan upload jQuery Perpustakaan.

5. Membuat daftar SharePoint kustom

Aku mulai dengan daftar kustom karena saya ingin Bergelandangan dengan standar SharePoint forms. Anda juga dapat membuat sebuah halaman di Perpustakaan halaman atau halaman bagian web dan mungkin banyak tempat lain.

Menambahkan beberapa kolom daftar kustom sehingga Anda memiliki sesuatu untuk menjalankan jQuery terhadap. Tujuan awal saya adalah untuk:

1. Menyembunyikan sebuah field.
2. Menetapkan nilai ke bidang.

Dengan itu tujuan dalam pikiran, Saya menambahkan dua Field teks. Dari waktu ke waktu, Aku akan bermain dengan link, gambar, pencarian, dll.

6. Memodifikasi NewForm.aspx Web bagian halaman dan menambahkan bagian Web Content Editor

Ini adalah sedikit hitam magic-ish , karena merupakan konsep baru untuk saya. Saya pertama kali belajar tentang hal ini dari Paul Grenier, SharePoint jQuery Superstar, di situs proyek CodePlex: http://spff.codeplex.com/.

Ikuti langkah-langkah untuk menambahkan CEWP ke halaman yang sama yang menunjukkan NewForm.aspx untuk setiap daftar kustom:

1. Mengakses daftar kustom dan klik baru.
2. Tambahkan berikut ke URL: Tampilan halaman = bersama&ToolPaneView = 2

Yang akan mengubah formulir entri data vanili Anda membosankan dari sesuatu seperti ini:

Ini:

Menambahkan bagian web editor konten ke halaman.

7. Menulis jQuery pertama kode

Membuka CEWP yang di tampilan kode dan tambahkan berikut:

Berikut adalah kode aktual jika Anda ingin copy/paste:

<jenis script ="text/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</script>

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

    $('#resultsID').HTML('Ada' + $('a').ukuran() + 'tag tag pada Halaman ini.');

  });
</script>

Hasil:
<div id ='resultsID'></div>
/hasil

Perhatikan bahwa yang pertama <script> Tag adalah referensi perpustakaan jQuery aktual. Agaknya, Hal ini berubah dari waktu ke waktu, sehingga Anda akan ingin memastikan bahwa Anda) Gunakan nama yang tepat dan b) Arahkan ke benar SharePoint dokumen Perpustakaan.

Berjemur di kemuliaan

Jika Anda melakukannya dengan benar, Anda akan melihat hasil yang mirip dengan berikut:

Membungkus

Ini bukan satu-satunya cara untuk memulai, Tapi itu cepat, mudah dan terisolasi dari lingkungan SharePoint Anda yang sudah ada.

</akhir>

Berlangganan ke blog saya.

Ikuti saya di kegugupan di http://www.twitter.com/pagalvin