SharePoint Rest Api ile Telefon Rehberi

Merhaba Arkadaşlar,

Bu makalemizde sizlere Rest Api kullanarak SharePoint’in listesi ile nasıl Telefon Rehberi yapılır ondan bahsedeceğim.

Makalemizdeki işlemleri yaptıktan sonra aşağıdaki videoda göreceğiniz bir telefon rehberimiz olacaktır.

İlk olarak sayfamızda jQuery’nin ekli olduğundan emin olunuz. Bu işlemin nasıl yapılacağını bilmiyorsanız SPMenu veya SharePoint 2013 Rest Api ile Yemek Listesi makalelerime bakabilirsiniz.

İlk olarak TelefonRehberi.html ve users.xlsx dosyalarını bilgisayarınıza indiriniz.

users.xlsx dosyası benim demo ortamı için oluşturduğum bir excel belgesi. Siz kendinize göre dosyayı düzenleyebilir veya boş bir özel liste oluşturarak bu işlemleri yapabilirsiniz.

Portalımıza özel listemize excel belgemizi import ederek işlemlerimize devam edeceğiz. Bu işlem için SharePoint çarkından uygulama ekle bağlantısıı açalım ve açılan sayfadan Excel sayfasını import et uygulamasını tıklayalım.

TelefonRehberi_01

TelefonRehberi_02

TelefonRehberi_03

Excel açıldığı zaman hangi aralığı import etmemiz gerektiğini soracaktır. Ben önceden bir tablo oluşturduğum için hemen buldu ve ekledim.

TelefonRehberi_04

Gördüğünüz üzere sayfamıza excel belgesi içerisindeki bilgileri ekledik.

TelefonRehberi_05

Buradaki sorun telefon numaralarını sayı olarak algıladı. Bu özelliği değiştirmek için ilgili listenin ayarlar sayfasına giriş yapıp Telefon isimli sütunun biçimini tek satır metin olarak değiştiriyoruz.

TelefonRehberi_06

TelefonRehberi_07

TelefonRehberi_08

Daha sonra SharePoint Sütun isimlerini öğrenmek için bu makalemizde kullandığımız yöntemi kullanıyoruz.

TelefonRehberi_09

TelefonRehberi_10

Burada Ünvan _x00dc_van olarak gözüküyor ama SharePoint içerisinde OData__x00dc_van olarak gözüküyor. Bunu daha sonraki makalelerimde bahsedeceğim inşaAllah.

Telefon rehberini grid sisteminde göstermek için ücretsiz, açık kaynak ve jQuery ile geliştirilmiş olan jsGrid ‘i kullanacağım. Bu işlem için jsGrid adresine gidip gerekli kaynak dosyaları indirelim.

TelefonRehberi_13

TelefonRehberi_14

TelefonRehberi_15

İndirdiğimiz dosyaları SharePoint içerisindeki Site Assets kitaplığına kaydedelim.

TelefonRehberi_16

TelefonRehberi_17

Dosyaların daha düzenli olması açısından Site Assets içerisinde jsGrid isminde bir klasör oluşturuyorum.

TelefonRehberi_18

TelefonRehberi_19

TelefonRehberi_20TelefonRehberi_21

Sonuç olarak aşağıda gördüğünüz dosyaları kopyalıyorum.

TelefonRehberi_22

Daha sonra Site Assets içerisine makalenin başında linkini verdiğim TelefonRehberi.html dosyasını da kopyalıyoruz.

TelefonRehberi_26

Dosyamızı kopyaladıktan sonra url sini kopyalıyoruz.

TelefonRehberi_27

Bu işlemlerden sonra Site Pages kitaplığı altında Telefon Rehberi adında bir sayfa oluşturuyoruz.

TelefonRehberi_11

TelefonRehberi_12

TelefonRehberi_23

TelefonRehberi_24

Bu sayfayı açıyoruz ve düzenleme moduna alıyoruz.TelefonRehberi_25

Düzenleme modundayken Content Editor web partını ekliyoruz ve web partı düzenleme kısmına girip biraz önce url sini kopyaladığımız TelefonRehberi.html dosyamızın url sini yapıştırıyoruz.

TelefonRehberi_28

TelefonRehberi_29

TelefonRehberi_30

Sayfamızı kaydediyoruz.

TelefonRehberi_31

Gördüğünüz üzere telefon rehberimiz hazır.

Başka bir makalemizde görüşmek üzere…

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

w

Connecting to %s