Bu başka bir yazı olduğu zaman devam serisi nasıl kullanılacağı hakkında jQuery SharePoint ile.
JQuery hakkında daha fazla bilgi almak isterseniz, Ben çok tavsiye ederim: jQuery in Action Ayı Bibeault ve Yehuda Katz tarafından.
Şaşırtıcı derecede basit jQuery SharePoint ile çalışmaya başlama (Bana). (Üretim için bunları dağıtmak için "en iyi uygulamalar" bir yaklaşım hakkında ciddi soru var, Ama bu başka bir gün için). Bu teknoloji ile ve bu amaçla oynamaya başladım, Ben kullanmak için bir sanal ortam oluşturdu. JQuery ile başlamak için arıyorsanız, Bu yaklaşım yararlı olabilir.
1. Boş Site oluşturma
Boş bir site, bir yerde sitenizde oluşturmak ve "jQuery Sandbox" gibi zekice bir şey ara.
2. JQuery indir
JQuery javascript Kütüphanesi buradan indirebilirsiniz: http://docs.jquery.com/Downloading_jQuery
Bunun için masaüstünüze kaydedin.
I-si olmak be istimal "minified" sürüm.
3. SharePoint belge kitaplığı oluşturma
Sandbox siteniz, Belge kitaplığı oluşturma.
4. JQuery kütüphanesi SharePoint'e upload
Yeni oluşturduğunuz doktor kitaplığına erişmek ve jQuery kütüphanesi upload.
5. Özel bir SharePoint listesi oluştur
Standart SharePoint formlarla muck istiyorum çünkü özel bir listeyle çalışmaya başladım. Ayrıca sayfaları kitaplığındaki bir sayfa veya web bölümü sayfaları ve muhtemelen diğer yerlerde bir sürü oluşturabilirsiniz.
JQuery karşı çalıştırmak için bir şey var bazı sütunlar için özel liste ekleyin. Benim ilk hedefleri için idi:
- Alanı gizlemek.
- Bir alan için bir değer atamak.
Bu amaç ile unutmayın, İki metin alanı eklendi. Zaman içinde, Ben bağlantıları ile oynuyor olacağız, görüntüleri, aramalar, vb.
6. NewForm.aspx Web Bölümü sayfasını değiştirmek ve içerik Düzenleyicisi Web Bölümü ekleme
Bu küçük siyah magic-ish olduğunu , Benim için yeni bir kavram olduğunu. İlk bu konuda öğrendim Paul Grenier, SharePoint jQuery Superstar, onun CodePlex projesi sitesi: http://spff.codeplex.com/.
Bir CEWP NewForm.aspx özel herhangi bir listesini gösterir aynı sayfaya eklemek için aşağıdaki adımları izleyin:
- Özel listeyi erişmek ve Yeni'yi tıklatın.
- Aşağıdaki URL ekleme: Sayfa gösterimi = paylaşılan&ToolPaneView = 2
O böyle bir şey--dan senin sıkıcı vanilya veri giriş formu dönüştürmek olacaktır:
Bunun için:
İçerik Düzenleyici web bölümü sayfasına ekleme.
7. Sayın ilk jQuery kod yazmak
O CEWP kod görünümünde açın ve aşağıdakileri ekleyin:
İşte gerçek kodu Kopyala/Yapıştır istersen:
<komut dosyası türü ="text/javascript"
src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</komut dosyası>
<komut dosyası türü ="text/javascript">
$(işlevi() {
$('#resultsID').HTML('Vardır' + $('a').boyutu() + 'Bu sayfada bir Etiketler Etiketler.');
});
</komut dosyası>
Sonuç:
<div kimliği ='resultsID'></div>
/Sonuç
|
Not ilk <komut dosyası> etiket gerçek jQuery kütüphanesi başvuran. Muhtemelen, Bu şeyler zaman içinde değişim, emin olmak istiyorum bir) b ve doğru adı kullanın) nokta o-e doğru doğru SharePoint belge kitaplığına.
Şan ısınıyoruz
Doğru olsaydı, aşağıdakine benzer bir sonuç görürsünüz:
Yukarı kaydırma
Başlamak için tek yolu bu değil, Ama hızlı, kolay ve varolan SharePoint ortamından yalıtılmış.
</sonunda>
Benim blog abone.
Heyecan beni izleyin http://www.twitter.com/pagalvin