JList, JComboBox, JTable

Berikut ilustrasi penggunaan model pada Swing.

Jenis model yang digunakan pada JList, JComboBox, dan JTable adalah:

Komponen Model
JList DefaultListModel
JComboBox DefaultComboBoxModel
JTable DefaultTableModel

Langkah-langkah praktikum yang perlu dilakukan untuk dapat menampilkan data
dalam komponen adalah sebagai berikut:

1. Mempersiapkan komponen
2. Melakukan import model
3. Membuat objek model
4. Memasukkan data ke model
5. Mengeluarkan model ke komponen
6. Operasi yang lain (hapus, tambah data, seleksi data, dll)





JList
(DefaultListModel)


1. Mempersiapkan komponen
Persiapkan komponen List. Berikan variable name tmpList.



2. Melakukan import model
Untuk menggunakan DefaultListModel, kita perlu menuliskan import model.
Tuliskan import model ini di baris code yang atas, di atas nama class.



Code import adalah sebagai berkut:




3. Membuat objek dari DefaultListModel
Sebagai contoh, nama objek yang dibuat adalah model.



4. Memasukkan data ke model
Untuk memasukkan data ke dalam model, kita menggunakan method
addElement().



5. Mengeluarkan model ke komponen
Data yang sudah dimasukkan ke dalam model, selanjutnya akan ditampilkan
menggunakan komponen List.







Hasil jika aplikasi dijalankan:



6. Operasi yang lain

Menambahkan data

Cara menambahkan data ke dalam list dapat menggunakan method
addElement(). Langkahnya:

a. Mempersiapkan data yang akan dimasukkan
b. Memasukkan ke dalam model
c. Update data pada komponen list

Contohnya jika kita ingin menambahkan data dari suatu JTextField adalah
sebagai berikut:

Tambahkan JTextField dan JButton untuk memasukkan data



Berikan action listener pada tombol TAMBAH DATA dengan code-nya
sebagai berikut:


txtItem
tmpList

private void jButton4ActionPerformed(java.awt.event.ActionEvent evt) {

//a. Mempersiapkan data yang ingin dimasukkan
//Data yang dimasukkan berasal dari JTextField
String getData = txtItem.getText();

//b. Memasukkan data ke dalam model
model.addElement(getData);

//c. Update data di list
tmpList.setModel(model);
}




Melakukan seleksi terhadap data

Sebagai contoh pada gambar di atas, kita ingin menampilkan data yang kita
klik (seleksi) dari dalam list. Langkahnya:

a. Mengambil data yang diseleksi/dipilih
b. Menampilkan data yang dipilih

Tambahkan komponen untuk menampilkan hasil seleksi



Pada tombol Seleksi berikan code:

private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
//a. Mengambil data yang diseleksi/dipilih
String getData = (String)tmpList.getSelectedValue();

//b. Menampilkan data yang dipilih pada JLabel
tmpHasil.setText(getData);
}

Hasil Uji Coba:



tmpList
tmpHasil

Menghapus data yang diseleksi

Selanjutnya adalah bagaimana menghapus data yang sudah kita pilih dalam
list. Sebagai contoh pada gambar di atas kita akan menghapus data
Selasa. Langkahnya:

a. Mencari index data dari item list yang kita pilih. Index data dimulai dari
index 0. Sehingga pada gambar di atas, index 1 adalah Senin, index 2
adalah Selasa, dan index 3 adalah Rabu.
b. Menghapus data pada index tersebut
c. Update tampilan data pada list

Tambahkan komponen tombol untuk menghapus data



Pada tombol Hapus Data berikan code berikut:

private void jButton2ActionPerformed(java.awt.event.ActionEvent evt) {
//a. Mengambil index dari data yang dipilih
int indeks = tmpList.getSelectedIndex();

//b. Menghapus data pada index tertentu dari model
model.remove(indeks);

//c. Update tampilan pada list
tmpList.setModel(model);
}


tmpList
Hasil ujicoba:

--


Menghapus seluruh data

Untuk menghapus seluruh data langkahnya adalah:
a. Hapus seluruh data
b. Update list

Siapkan komponen tombol untuk menghapus seluruh data


tmpList
Berikan code pada tombol Hapus Seluruh Data

private void jButton3ActionPerformed(java.awt.event.ActionEvent evt) {
//a. Hapus seluruh data pada model
model.removeAllElements();

//b. Update list
tmpList.setModel(model);
}

Hasil ujicoba:

--














JComboBox
(DefaultComboBoxModel)


1. Mempersiapkan komponen
Berikan variable name untuk combo tmpCombo.



2. Melakukan import model
Untuk menggunakan DefaultComboBoxModel, kita perlu menuliskan import
model. Tuliskan import model ini di baris code yang atas, di atas nama class.
Lihat langah import untuk DefaultListModel di atas.



3. Membuat objek model
Sebagai contoh, nama objek yang dibuat adalah model.



4. Memasukkan data ke model
Untuk memasukkan data ke dalam ComboBox sama dengan List, yaitu
menggunakan method addEmelent().



5. Mengeluarkan model ke komponen
Data yang sudah dimasukkan ke dalam model, selanjutnya akan ditampilkan
menggunakan komponen ComboBox.



Untuk melihat perubahannya bisa kita lakukan Run File.



6. Operasi yang lain (hapus, dll)

Menambahkan data

Cara menambahkan data ke dalam ComboBox dapat menggunakan method
addElement(). Langkahnya:

a. Mempersiapkan data yang akan dimasukkan
b. Memasukkan ke dalam model
c. Update data pada komponen ComboBox

Contohnya jika kita ingin menambahkan data dari suatu JTextField adalah
sebagai berikut:

Tambahkan JTextField dan JButton untuk memasukkan data



Berikan action listener pada tombol Tambah Data dengan code-nya
sebagai berikut:

tmpCombo
txtInputData


private void btnTambahActionPerformed(java.awt.event.ActionEvent evt) {
//Mengambil data yg dimasukkan dari JTextField
String getData = txtInputData.getText();

//Memasukkan data ke dalam model
model.addElement(getData);

//Update/menampilkan data ke ComboBox
tmpCombo.setModel(model);

}

Aplikasi jika dijalankan:



Melakukan seleksi terhadap data

Sebagai contoh pada gambar di atas, kita ingin menampilkan data yang kita
klik (seleksi) dari dalam list. Langkahnya:

a. Mengambil data yang diseleksi/dipilih
b. Menampilkan data yang dipilih

Tambahkan komponen untuk menampilkan hasil seleksi



tmpCombo
tmpHasil
Pada tombol Hasil Seleksi berikan code:

private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
//Mengambil data yang dipilih/seleksi
String getData = tmpCombo.getSelectedItem().toString();

//Menampilkan data yang dipilih ke dalam JLabel
tmpHasil.setText(getData);
}

Aplikasi jika dijalankan




























JTable
(DefaultTableModel)


1. Mempersiapkan komponen tabel
Berikan variable name untuk tabel tmpTabel.



2. Melakukan import model
Untuk menggunakan DefaultTableModel, kita perlu menuliskan import model.
Tuliskan import model ini di baris code yang atas, di atas nama class. Lihat
langah import untuk DefaultListModel di atas.



3. Mendeklarasikan objek model
Sebagai contoh, nama objek yang dibuat adalah model.



4. Memasukkan data ke model
Untuk memasukkan data ke dalam tabel berbeda cara dengan memasukkan
data ke List maupun ComboBox. Di sini tabel mempunya unsur judul kolom,
dan data di tiap-tiap baris.



Jika pada langkah 3 kita masih mendeklarasikan objek model, pada langkah
4 ini objenya kita ciptakan dengan menambahkan properti data row, dan data
kolom.

5. Mengeluarkan model ke komponen
Selanjutnya data yang sudah kita masukkan ke dalam model dikeluarkan ke
dalam komponen tabel.



Hasil Pengujian:




6. Operasi yang lain (hapus, selesksi data, tambah data)

Menambahkan data

Tambahkan komponen input untuk menambahkan data ke dalam
tabel.



Pada tombol Input berikan code:

private void jButton2ActionPerformed(java.awt.event.ActionEvent evt) {
//Ambil data NIM dari kotak input
String nim = input1.getText();

//Ambil data Nama dari kotak input
String nama = input2.getText();

//Memasukkan data ke dalam model
model.addRow(new Object[]{nim, nama});

//Menampilkan data ke dalam komponen tabel
tmpTabel.setModel(model);

}










tmpTabel
input2
input1
Hasil ujicoba:



Menghapus data yang diseleksi

Untuk menghapus baris yang diseleksi, kita harus mengetahui bahwa baris
yang kita pilih adalah baris ke-berapa. Sebagai contoh gambar di atas, baris
dengan nim 5678 itu adalah baris ke berapa.

Tambahkan komponen untuk menghapus baris.



Pada tombol Hapus Pilihan berikan code:





private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
//Mengetahui baris yang sedang diseleksi
int getRow = tmpTabel.getSelectedRow();

//Menghapus data dari model
model.removeRow(getRow);

//Update data pada komponen tabel
tmpTabel.setModel(model);
}

Hasil ujicoba untuk menghapus data pada baris ke-dua:
























LATIHAN



Buatlah program untuk melakukan transaksi pembelian pulsa elektrik dengan
format tampilan sebagai berikut:



Ketentuan:

1. Data
Tanggal : 1 s.d. 31
Bulan : 1 s.d. 12
Tahun : 2010 s.d. 2015
Provider : Telkomsel, XL, IM3, Mentari, Flexi, Esia, Smartfren, Axis,
Ceria, 3,
Besaran Pulsa : 5.000, 10.000, 20.000, 25.000, 50.000, 100.000

2. Setelah dilakukan proses transaksi, maka data yang kita masukkan tadi akan
ditampilkan pada tabel di bawahnya.