Langsung ke konten utama

Merubah Warna Textbox Pada Saat Mendapatkan Focus [DevEx : 1]

Dear Delphiers,
Kadang-kadang kita menghendaki komponen textbox berubah warnanya ketika dia mendapat focus. Hal ini bisa saja kita lakukan dengan mengkombinasikan event OnEnter dan OnExit pada komponen textbox tersebut. OnEnter untuk merubah warna ketika mendapatkan focus dan OnExit kita pakai untuk mengembalikan warna semula. Namun hal ini bukanlah cara yang Robust. Dengan cara ini kita harus menerapkannya pada tiap komponen. Ya kalau Cuma satu Form? Bagaimana kalau pada semua form? Bisa dibayangkan bagaimana susahnya merealisasikan keinginan tersebut.



Ada cara yang lebih mudah. Yaitu dengan menggunakan komponen dari DevExpress. Di sini saya menggunakan komponen cxTextEdit. Ikutilah langkah-langkah berikut :

1. Tempatkan sebuah komponen cxEditStyleControllerStyle pada form;

2. Setting property StyleFocused sesuai Keinginan. Disini saya melakukan setting property StyleFocused seperti gambar di bawah ini



Free Image Hosting

1. Kemudian pada Event OnClick dari form tuliskan baris kode berikut :

for i := 0 to ComponentCount - 1 do
begin
if Components[i] is TcxCustomTextEdit then
begin
(Components[i] as TcxCustomTextEdit).StyleFocused.StyleController := cxEditStyleController;
(Components[i] as TcxCustomTextEdit).Style.StyleController := cxEditStyleController;
(Components[i] as TcxCustomTextEdit).StyleDisabled.StyleController := cxEditStyleController;
end;
end;

Pada baris kode di atas, program akan mengecek semua komponen yang ada pada form. Jika komponen tersebut merupakan komponen TcxCustomTextEdit (demikian juga komponen-komponen turunannya) maka program akan mengeset StyleController pada saat focus,normal, dan disable hasilnya bisa dilihat digambar berikut :

Free Image Hosting



Komentar

  1. Pake DevExpress ya mas Bagus.

    Komponennya memang keren abis!

    BalasHapus
  2. @Widodo : Iya mas. Ada pengalaman pake DevExpress?

    BalasHapus
  3. Pake express quantum grid. :)

    BalasHapus
  4. pake yg biasa jg bisa bro....
    onenter
    edit1.color:=clgreen
    onexit
    edit1.color:=clmenu

    BalasHapus
  5. hmmm kalo pake kayak gitu berarti harus nulis di tiap2 komponen ya?

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Seri 9 — Membuat Web App dengan Google Apps Script

Pada seri sebelumnya, kita telah belajar Menghubungkan Google Apps Script dengan API Eksternal . Pada seri ini, kita akan belajar membuat Web App menggunakan Google Apps Script (GAS). Dengan Web App, kita bisa membuat aplikasi berbasis web yang berjalan di server Google — tanpa harus menyewa hosting, tanpa backend kompleks, dan dapat diakses lewat URL! Kita akan membahas: Apa itu Web App di GAS Bagaimana Web App bekerja Struktur fungsi doGet() dan doPost() Membuat Web App sederhana Men-deploy Web App Mengirim data dari HTML ke GAS Contoh Web App mini (form input → Spreadsheet) ✅ 1. Apa Itu Web App di GAS? Web App di Google Apps Script adalah aplikasi web yang berjalan di server Google, dapat diakses melalui URL publik/privat, serta dapat menerima HTTP request (GET/POST). Dengan Web App, kita dapat: ✅ Membuat form custom ✅ Membaca/menulis data ke Google Sheets ✅ Membuat dashboard sederhana ✅ Integrasi API ✅ 2. Cara Kerja Web App Web App bekerja meng...

Daftar Website Yang Membahas Delphi

Dalam artikel ini saya mencoba memberikan daftar situs yang bermanfaat bagi kita semua, Delphi Lover. http://delphi-id.org Situs ini dikomandani mas Luri Darmawan, seorang pendekar delphi di negeri ini yang sudah kondang di mana-mana. Situs ini berupa forum sharing bagi para delphier. Di situs ini kita bisa berbagi informasi tentang teknologi terbaru dari delphi, tips n trick, pertanyaan, dll. http://delphi-id.tk Situs yang bagus. Situs ini (kelihatannya) muncul akibat situs http://delphi-id.org lama down. Tapi akhir-akhir ini kedua situs kakak-adik : ) ini sudah Up semua. http://delphi.about.com Sebuah situs delphi berbahas inggris yang paling lengkap yang pernah saya jumpai. Situs yang dikomnadani oleh Zarco G ini berisi tutorial, tips n Trick, dan artikel-artikel menarik lainnya. Saya sangat menyukai artikel/tuorial tentang OOP. Bahkan saya bisa sedikit mengenal OOP dari situs ini. DI situs ini kita juga bisa mendapatkan newsletter dari satu bab/tutorial yang sedang ...

Cara Efektif Menggunakan StringGrid

StringGrid merupakan salah satu VCL yang sangat berguna. Jika anda sudah familiar dengan Webbased Application, anda bisa analogikan StringGrid dengan Table. Table digunakan untuk meenampilkan data. Adapun StringGrid, selain sebagai komponen untuk menampilkan data, dia juga juga bisa sebagai tempat untuk memasukkan data, lihat gambar di bawah ini : Pada gambar di atas, saya menampilkan form jurnal umum sebagai contoh penggunaan StringGrid. Pada contoh di atas, stringgrid dipakai untuk memasukkan data item jurnal berupa Kode dan nama perkiraan, status Debet/Kredit dan Nominal. Untuk memanfaatkan Stringgrid saya mempunyai beberapa konstanta yang mencerminkan nomor urut kolom, misalnya _KolKode merujuk pada kolom Kode Perkiraan, _KolNama merujuk pada kolom Nama. Lebih jelasnya lihat baris kode berikut : Const _KolKode : Integer = 0; _KolNama : Integer = 1; _KolDK : Integer = 2; _KolNominal : Integer = 3; Konstanta-konstanta tersebut saya pakai di beberapa tempat. Diantaran...