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

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...

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...

Object Oriented Programming (OOP) Pada Delphi - Bag 1

Object Pascal, adalah sebuah bahasa dimana delphi menjadi salah satu IDE (Integrated Development Environment) nya, adalah sebuah bahasa yang mendukung penuh konsep OOP. Sederhananya, bahasa ini memungkinkan bagi programmer untuk membuat dan memanipulasi object. Lebih detailnya, bahasa ini mendukung empat prinsip pokok OOP yaitu : Data Abstraction, Encapsulation, Inheritance, Polymorphism. Mempelajari OOP berbeda dengan mempelajari Delphi. Apalagi bagi seorang yang sudah mengenal bahasa Pascal. Bisa jadi ada orang yang sangat mahir delphi/pascal namun sangat lemah pada konsep OOP. Apa itu OOP? Apa Itu Object? Apa Itu Kelas? OOP adalah semua hal yang berkaitan dengan writing programs that manipulate objects : ). Delphi, Java, C++ adalah beberapa contoh bahasa yang mendukung OOP. Ketiga bahasa di atas mempunyai prinsip-prinsip OOP yang sama, tentunya dengan sintaks (penulisan baris kode program) yang berbeda. Sekali kita sudah menguasai konsep OOP, maka akan begitu mudah mempelaja...