ASP.net: Efek MouseOver Di Gridview Row

Tulisan ini adalah tips singkat bagaimana membuat efek MouseOver ketika mouse pointer di arahkan ke baris-baris di gridview.
Untuk membuat efek mouseover di gridview, tambahkan attribut ‘MouseOver’ di method RowCreated

Protected Sub GridView1_RowCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowCreated
   If e.Row.RowType = DataControlRowType.DataRow Then
      e.Row.Attributes.Add("OnMouseOver", "this.warna_asli=this.style.backgroundColor;this.style.backgroundColor='Yellow'")
      e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=this.warna_asli;")
   End If
End Sub

Hasilnya, ketika pointer mouse ada di gridview, otomatis, warna barisnya akan berubah kuning, seperti gambar berikut

Happy Coding

About Yuniar

Penulis sekarang lebih banyak bekerja menggunakan teknologi Microsoft .NET secara umum dan TIDAK lagi menggunakan aplikasi MapXtreme.net dari MapInfo. Karena itu mohon maaf, jika pertanyaan-pertanyaan mengenai MapXtreme sudah tidak bisa saya jawab lagi.

Posted on 24 Februari 2010, in ASP.net and tagged , , , , , . Bookmark the permalink. 1 Komentar.

  1. terima kasih share nya bermanfaat sekali

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: