Menampilkan Gambar dengan ASP.NET CheckBoxList Control

Bagaimana caranya agar dapat menyesuaikan rendering ASP.NET CheckBoxList control dengan images ?

Mari kita bahas caranya..

Pertama kali harus kita pertimbangkan di mana kita akan menampilkan beberapa status images dengan setiap kotak centang dengan dalam sebuah CheckBoxList . Setelah mempertimbangkannya, kita akan dengan mudah mendapatkan hasilnya menggunakan CheckBoxList control itu sendiri . Anggap saja kita memiliki item dalam CheckBoxList control. Kode program yang digunakan seperti di bawah ini.

Jika aplikasi web dijalankan dengan CheckBoxList items di atas , Anda akan mendapatkan hasil seperti di bawah ini.

13872557541958704078

Sekarang yang kita inginkan bukan teks melainkan gambar dengan daftar checkbox controls. Jika Anda melihat ke kode yang sekarang sudah diperbaharui tidak ada metode NewCheckList_DataBound . Untuk menambahkan ikon kita harus mengganti isi dari item yang sedang dihasilkan selama data terikat . Di bawah ini adalah kode sederhana yang akan memungkinkan untuk menambahkan ikon untuk setiap item CheckBox di CheckBoxList.

1387255793341461066

Setelah program berjalan, akan didapatkan output seperti di bawah ini .

13872558451284578324

Catatan :

Jika tidak ingin menggunakan text , anda hanya perlu mengubah overridecontentdari item.Text . Jadi tidak hanya ikon , anda dapat menambahkan konten HTML sesuai kebutuhan.

1387255863360344868

JaringanHosting.com adalah providerASP.NET dan Windows hosting No #1 di Indonesia sesuai dengan rekomendasi dari pihak Microsoft. Microsoft memberikan rekomendasi ini berdasarkan pada beberapa persyaratan utama, yaitu: WebMatrix, WebDeploy, Visual Studio 2012,ASP.NET 4.5,ASP.NET MVC 4.0, Silverlight 5 and Visual Studio Lightswitch.Untuk keterangan lanjutan, silahkan klik disini!