Hızlı ve kolay: Your Own jQuery sanal oluşturmak için SharePoint

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:

  1. Alanı gizlemek.
  2. 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:

  1. Özel listeyi erişmek ve Yeni'yi tıklatın.
  2. 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:

image

Bunun için:

image

İç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:

image

İş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:

image

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

del.icio.us Etiketler: ,

2 “Üzerine düşüncelerHızlı ve kolay: Your Own jQuery sanal oluşturmak için SharePoint

  1. sujith krish

    CEWP editform.aspx içinde ekleme sayfa kırar ve sürüm bilgileri bölümüne kullanıcı Arabiriminde görünür fark ettiniz mi? Bunun için herhangi bir geçici çözüm?

    Kimse ?

    Yanıtla

Cevap bırak

E-posta hesabınız yayımlanmayacak. Gerekli alanlar işaretlendi *