Bung Arkka’s Weblog

Just another weblog @ Werk!

d-Membuat Control dari List September 12, 2008

MEMBUAT KONTROL DARI LIST

Form InfoPath bisa mengambil data dari berbagai macam sumber, termasuk dari SharePoint List.
Tetapi InfoPath tidak punya akses untuk merubah apapun di dalam SharePoint List, ia hanya bisa meng-akses secara read-only.
Di InfoPath, tipe akses ini bernama secondary data source.
Dengan secondary data source, anda bisa membuat kontrol seperti drop-down list dan bisa digunakan untuk membuat report atau laporan dari SharePoint List itu.
Untuk melakukan hal ini, pertama anda perlu membuat data connection ke list, kedua anda harus membuat kontrol yang akan mengikat nilai dan data dari list, dan terakhir anda tambahkan filter yang akan mendisplay data yang bersangkutan.

Pertama, mari kita buat data SharePoint List nya.
1. Klik List dan klik Create
2. Klik Custom List
3. Kali ini saya buat daftar list buku yang berjudul Srimad Bhagavatam
4. Klik Create
5. Sekarang perlu buat nama kolum. Klik Setting, Create Column
6. Buat kolum ID yang bersifat numerik. Terakhir klik OK. Tanda eror mengatakan nama kolum ID sudah ada. Saya ubah nama kolum ini menjadi No.
7. Buat kolum lainnya, Klik setting dan create column
8. Buat kolum Kanto yang bersifat Teks dan klik OK
9. Lakukan hal yang sama untuk membuat kolum bernama Chapter dan Deskripsi
10. Kini atur susunan kolumnya, klik Setting dan List Setting
11. Pergi ke bagian Column dan klik Column ordering
12. Tempatkan nomer kolum di urutan pertama dan klik OK
13. Kembali ke Srimad Bhagavatam. Klik New Item. Isi kolum nya seperti demikian, lalu klik OK. Nampaknya kolum Deskripsi tidak bisa memuat lebih dari satu paragraph, dan ini perlu dirubah.
14. Klik Setting dan list setting
15. Klik nama kolum deskripsi
16. Ubah tipenya menjadi Multiple lines of text
17. Berikan sebanyak 100 untuk Number of lines for editing
18. Pilih Plain text
19. Terakhir klik OK
20. Kembali ke Srimad Bhagavatam
21. Klik Creation, klik Edit Item, dan lengkapi bagian deskripsinya. Jika sudah selesai klik OK
22. Buatlah beberapa chapter lainnya lagi agar daftar buku Srimad Bhagavatam ini lebih lengkap
23. Dan beginilah isi Custom List Srimad Bhagavatam nya yang padat dan komplit
Sekarang kita sudah siap dengan konten nya, mari kita buka InfoPath

Untuk membuat data connection dari InforPath form ke SharePoint list:
1. Buatlah form baru yang kosong
2. Klik Tools dan Data Connection lalu Add
3. Pilih Receive Data dan klik Next
4. Pilih SharePoint library or list dan klik Next
5. Isi alamat URL dimana Custom List Srimad Bhagavatam nya berada. Lalu klik Next
6. Plih Srimad Bhagavatam dan klik Next
7. Pilih Nomer, Title, Kanto, Chapter, Deskripsi, dan ID. Lalu klik Next
8. Hilangkan pilihan pada Store a copy. Lalu klik Next
9. Pilih Automatically retrieve data. Lalu klik Finish dan klik Close

Untuk menambah kontrol yang akan menampilkan hasil dari data connection:
1. Di Design Task, klik Control
2. Ambil dua Drop-Down List Box dan taruh di form
3. Dobel klik pada box pertama field satu
4. Pilih Enter list manually dan klik Add. Bagian box ini menampilkan judul atau title dari Srimad Bhagavatam yang terdapat pada Custom List. Jadi, saya add semua nama judul nya untuk bagian ini. Setelah selesai menambahkan semua judul Srimad Bhagavatam, klik Apply dan OK.
5. Dobel klik pada box kedua field dua
6. Pilih Look up values from external source
7. Pilih Srimad Bhagavatam
8. Klik Xpath
9. Perluas pilihan Srimad Bhagavatam nya
10. Klik Filter Data dan Add
11. Pilih Title is equal to, dan pilih Select a field or group
12. Pilih Main dan field satu, lalu klik OK empat kali dan klik Apply
13. Klik Xpath untuk Value
14. Pilih ID dan klik OK
15. Klik Xpath untuk Display Name
16. Pilih Kanto dan klik OK
17. Klik Apply dan OK

Langkah berikutnya adalah membuat teks box yang menampilkan hasil data yang diambil.
Tentunya dalam pengambilan data perlu dipilah pilah alias di filter agar tidak menampilkan informasi yang sembraut:
1. Ambil Teks Box dan taruh di form
2. Dobel klik teks box nya
3. Klik Display dan pilih Multi-line
4. Pilih Expand to show all text. Dan klik Apply
5. Pergi ke Data
6. Klik tanda formula
7. Klik Insert Field Group
8. Pilih Srimad Bhagavatam. Perluas pilihannya dan pilih Chapter
9. Klik Filter Data dan Add
10. Pilih ID is equal to dan Select a field or group
11. Pada Main pilih field dua, dan klik OK enam kali
12. Berikan nama Chapter untuk teks box ini
13. Tulis dibawahnya Deskripsi. Disini anda buat satu lagi teks box yang akan menampilkan isi deskripsi. Perbesar box nya sehingga bisa muat lebih banyak informasi.
14. Tulis Title untuk drop-down list box pertama
15. Tulis Kanto untuk drop-down list box kedua
16. Dobel klik teks box deskripsi
17. Pilih Display dan klik pada Multi-line
18. Pilih Expand, klik Apply dan pergi ke Data
19. Klik tanda formula
20. Klik Insert Field Group
21. Perluas Srimad Bhagavatam dan pilih Deskripsi
22. Klik Filter Data dan klik Add
23. Pilih ID is equal to dan pilih Select a field or group
24. Pilih field dua pada Main dan klik OK enam kali
25. Saya tambahkan judul utama untuk form ini
26. Jika sudah selesai, klik Save dan simpan di folder My Document
Nah, sekarang tes form ini, klik Preview.
Klik Yes pada tanda peringatan.
Pilih judul dan Kanto nya, maka nama Chapter dan Deskripsinya tampil sesuai dengan apa yang ada di Custom List Srimad Bhagavatam di SharePoint.
Saya coba tes keseluruhan form ini untuk memastikan tidak ada kesalahan sedikit pun, memingat langkah-langkah menuju pembuatan form ini yang datanya diambil dari SharePoint List cukup panjang.
Sudah cukup yakin dan puas dengan hasilnya, namun perlu sedikit perubahan pada drop-down list nya Title dan Kanto.
Saya perlebar box ini sedikit.
Yang Kanto nya saya kecilkan.
Lalu tes.
Nah, beres sudah!

 

3 Responses to “d-Membuat Control dari List”

    • irvan Says:

      Di tempat saya belum berhasil pak,,, padahal step by stepnya sudah saya ikuti,, apa yang salah ya ? ngeblank setelah drop down list pertama di klik,,, mohon bantuan pencerahannya,,, thanks


Comments are closed.