ASP.NET Hosting Indonesia – Membuat Template ASP.NET Repeater

Repeater control  kontrol yang membuat HTML untuk menampilkan isi dari daftar atau source mereka saling terikar. Tidak memiliki built-in tata letak atau gaya, sehingga Anda harus secara eksplisit menyatakan semua tata letak, format, dan tag gaya dalam controls templates.

repeat control

 

Minimal, setiap Repeater Control harus menentukan ItemTemplate. template opsional lainnya dapat digunakan untuk menyesuaikan tampilan dari daftar. Mereka ItemTemplate, AlternatingItemTemplate, SeparatorTemplate, HeaderTemplate dan FooterTemplate.

ItemTemplate diperlukan olehRepeater Control dan menghasilkan satu baris output untuk setiap baris data. AlternatingItemTemplate sama seperti ItemTemplate dan merender untuk setiap baris data lainnya. HeaderTemplate dan FooterTemplate membuat HTML segera sebelum dan setelah semua baris data yang telah diberikan dan akhirnya SeparatorTemplate membuat item antara setiap baris data seperti tag HTML br, p, atau HR.

mengikuti program ASP.NET menunjukkan cara menggunakan Template di Repeater Control.

Default.aspx

jarhost-banner-new1Alasan Memilih Kami Sebagai Partner ASP.NET Hosting Anda!

  • Server dan Network yang Handal
  • Control Panel yang User-Friendly
  • Pengalaman di bidang ASP.NET hosting, terutama  Windows Hosting selama bertahun-tahun
  • Teknologi ASP.NET Hosting paling mutakhir
  • Standar security yang amat tinggi

JaringanHosting.com adalah provider ASP.NET dan Windows hosting No #1 di Indonesia. Web Hosting kami mendapatkan Microsoft Spotlight Award dari Microsoft dan ini berdasarkan pada beberapa persyaratan utama, yaitu: WebMatrix, WebDeploy, Visual Studio 2015, ASP.NET 4.6, ASP.NET MVC 6, Silverlight 5 and Visual Studio Lightswitch.

 

ASP.NET Hosting Tutorial – JaringanHosting.com :: Cara Menggunakan Fitur “Bundling and Minification” pada ASP.NET 4.5

Pada artikel kali ini, saya akan membagikan kepada Anda sekalian mengenai cara menggunakan Fitur “Bundling and Minification” yang terdapat pada ASP.NET 4.5. Seperti yang telah diketahui, kinerja aplikasi web Anda memiliki dampak yang besar pada user web Anda. Jika aplikasi web Anda lambat, jelas user akan berpaling untuk menggunakannya. Ada banyak faktor yang berkontribusi terhadap kinerja sebuah situs web. Beberapa hal penting tersebut  mencakup jumlah permintaan yang dikirim dari browser ke server dan ukuran respon setiap permintaan. Fitur optimasi baru yang ditambahkan pada ASP.NET 4.5 menyediakan cara yang rapi untuk menggabungkan serta mengkompres JavaScript dan CSS file untuk mengatasi permasalahan yang sebelumnya telah dibahas. Artikel ini menunjukkan bagaimana fitur bundling and minification dari ASP.NET dapat dimanfaatkan dalam aplikasi web Anda.

Standar Bundling and Minification

ASP.NET 4.5 menyediakan dukungan inbuilt untuk menggabungkan dan memperkecil file. Fungsi inti bundling dan minification ditemukan di System.Web.Optimization namespace. Jika Anda membuat proyek yang ASP.NET baru, Anda akan menemukan baris kode berikut dalam file Global.aspx:

Seperti yang Anda lihat, event handler Application_Start berisi panggilan ke RegisterTemplateBundles (), metode yang melakukan standar bundling dan minification untuk Anda. Agar standar bundling dan minification bekerja, Anda perlu menentukan URL dari JavaScript dan CSS file yang sedikit berbeda.

Perhatikan tag <script> tag di atas dengan hati-hati. Alih-alih menentukan tag <script> per file hanya ada satu tag <script> dan atribut src adalah dalam bentuk <script_folder_path> / js. Konvensi penamaan ini memberitahu ASP.NET bahwa semua * Js file dari folder Scripts harus dibundel atau digabungkan bersama-sama dan diperkecil. Jika Anda mengamati permintaan di Chrome Developer Tools, Anda akan menemukan hanya satu entri untuk file JavaScript seperti ini:

Minification_image002

Coba perhatikan ukuran download konten dan bandingkan dengan ukuran gabungan dari file individual.

Untuk file CSS, Anda dapat menggunakan <css_folder_path> / css di <link> tag.

Meskipun sintaks yang ditunjukkan di atas bekerja seperti yang diharapkan tetapi ada kelemahan kecil jika diperhatikan. Katakan jika Anda merujuk JavaScript dan CSS file dalam pandangan Anda menggunakan sintaks di atas dan aplikasi web Anda mulai melayani permintaan. Beberapa waktu kemudian Anda memperbarui beberapa ini JavaScript dan CSS file. Tentu, Anda mengharapkan script baru ini akan berjalan. Namun, file sebelumnya mungkin telah di-cache oleh browser atau server proxy. Karena URL ke file yang sama (src = “../../ Script / js” dan href = “../../ Content / css”), maka tidak ada cara untuk browser untuk mendeteksi apakah file telah diubah atau tidak. Untuk memperbaiki masalah disarankan untuk menggunakan sintaks berikut:

Metode ResolveBundleUrl () menerima jalur virtual folder yang berisi skrip atau CSS file. Metode ini tidak hanya menghasilkan URL untuk src dan atribut href tetapi juga menambahkan tanda string unik dalam string. Token ini berubah ketika file berubah, sehingga memastikan URL unik untuk file yang berubah. Gambar berikut menunjukkan bagaimana token string yang ditambahkan dalam string:

Minification_image003

Kostumisasi Bundling and Minification

Pada suatu saat mungkin mekanisme bundling standar tidak memenuhi kebutuhan Anda. Sebagai contoh, Anda mungkin memiliki sepuluh file JavaScript dalam sebuah folder dan Anda yang ingin membundel file tersebut dalam dua bundel terpisah yang terdiri dari lima file masing-masing pada sebuah bundel. Atau Anda mungkin ingin untuk membundel file dalam urutan tertentu berdasarkan dependensi mereka. Kustomisasi seperti itu sangat mungkin dilakukan melalui Bundle class. Kode akan ditambahkan ke event handler Application_Start dan menunjukkan bagaimana kelas Bundle dapat digunakan:

Kode di atas menciptakan bundel baru untuk virtual path ~ atau MyScripts. Kemudian memanggil AddFile () untuk menambahkan file script khusus. Akhirnya, bundel baru yang dibuat akan ditambahkan ke koleksi Berkas. Untuk merujuk pada bundel baru yang Anda buat, maka disarankan menggunakan sintaks berikut:

Selain menciptakan kostumisasi bundel seperti yang ditunjukkan di atas, Anda juga dapat menyesuaikan proses bundling dan minification keseluruhan. Untuk melakukannya, Anda perlu membuat kelas kustom yang mengimplementasikan IBundleTransform interface. Kemudian Anda perlu untuk mengimplementasikan Proses () dalam IBundleTransform interface dan menulis logika pengolahan kustom. Kode berikut menunjukkan implementasi sederhana dari interface IBundleTransform yang menambahkan pemberitahuan hak cipta dengan isi paket/bundel:

Kode di atas menciptakan kelas MyBundleTransform, yang mengimplementasikan interface IBundleTransform. Proses () menerima dua parameter yaitu. a BundleContext dan BundleResponse. Proses ()  kemudian menambahkan pemberitahuan hak cipta di atas isi bundel dan kemudian kembali memberikan Content property. Anda juga bisa mengelola file bundel individu Anda menggunakan respons File property.

Untuk menggunakan MyBundleTransform class, Anda perlu mengubah Application_Start event handlersebagai berikut:

Seperti yang Anda lihat, bundel baru telah selesai dibuat seperti sebelumnya, umpamanya MyBundleTransform class dilewatkan sebagai parameter kedua konstruktor. Jika Anda amati script yang dihasilkan dalam Developer Tools Chrome, Anda akan menemukan baris “copyright” ditambahkan di bagian atas:

Minification_image004Seperti yang telah disampaikan sebelumnya, fitur bundling and minification merupakan fitur baru yang ditambahkan dari ASP.NET 4.5 yang memudahkan untukAnda untuk membundel atau menggabungkan JavaScript dan CSS file, dengan demikian hal tersebut dapat meningkatkan kinerja keseluruhan aplikasi web Anda. Untuk memanfaatkan fitur bundling and minification, yang Anda butuhkan adalah menentukan URL script dan CSS file dengan cara tertentu. Setelah konvensi penamaan ini, otomatis bundel semua JavaScript dan CSS file dari folder akan berfungsi sebagai satu permintaan. Anda juga dapat menyesuaikan proses bundling menggunakan Bundle class dan IBundleTransform interface.

Bagaimana? Apakah Anda sudah berhasil melakukan bundel terhadap file Anda menggunakan Fitur “Bundling and Minification” yang terdapat pada ASP.NET 4.5? Semoga artikel ini bermanfaat.

 

ASP.Net : Membuat Dropdown List Menggunakan ASP.Net 4.5

Pada kali ini saya akan menuliskan tutorial bagaimana membuat dropdown list dengan ASP.Net 4.5.
Awalnya model Binding dropdown list ini diperkenalkan oleh ASP.NEt MVC, namun sekarang model binding ini sudah digunakan di ASP.Net web form yang dapat kita gunakan untuk melakukan operasi CURD (Create Update Read Delete).

jarhost
Katakanlah kita memiliki database speaker dan kita ingin binding nama speaker dengan DropDownList. Pertama ditempatkan kontrol ASP.NET Dropdown dengan halaman dan mengatur “DataTextField” dan “DataValueField” properti.

image_thumb11
Kita dapat menuliskan dropdown dengan ID ddlName.DataSource untuk menentukan sumber data dari kode di belakang dan mengikat data dengan dropdpwnlist, tetapi dalam kasus ini kita memerlukan database.
Sekarang, bukannya menentukan DataSource, kita akan menyetel properti dropdownlists SelectMethod untuk menunjuk metode GetSpeakerNames () dalam kode-file.

image_thumb12

SelectMethod diharapkan guna mengambil data yang sudah disiapkan sebelumnya agar dapat ditampilkan pada dropdown list dengan ditambahkan tipe class IQueryable<TYPE>. dan berikut adalah codenya.

code1
nah coba jalankan Aplikasinya !
kalau kamu berhasil maka yang akan muncul kurang lebih kayak gini.

image_thumb13