{"id":293,"date":"2020-03-16T01:58:27","date_gmt":"2020-03-16T01:58:27","guid":{"rendered":"https:\/\/unydevelopernetwork.com\/?p=293"},"modified":"2020-03-16T02:03:40","modified_gmt":"2020-03-16T02:03:40","slug":"tutorial-membuat-navigasi-antar-jframe-dengan-menggunakan-jmenuitem-jbutton-jlabel-jradiobutton-dan-jcombobox-netbeans","status":"publish","type":"post","link":"https:\/\/unydevelopernetwork.com\/index.php\/2020\/03\/16\/tutorial-membuat-navigasi-antar-jframe-dengan-menggunakan-jmenuitem-jbutton-jlabel-jradiobutton-dan-jcombobox-netbeans\/","title":{"rendered":"Tutorial: Membuat Navigasi Antar JFrame dengan Menggunakan JMenuItem, JButton, JLabel, JRadioButton, dan JComboBox (Netbeans)"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 6<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>\n<p>Selamat datang kembali di blogs UNYDeveloperNetwork. Pada tutorial kali ini, Saya akan memberikan tutorial bagaimana cara membuat navigasi antar JFrame dengan menggunakan JMenuItem, JButton, JLabel, JRadioButton, dan JComboBox. Bagaimana cara membuatnya? mari kita simak artikel ini sampai habis. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Sebelum Anda meneruskan membaca artikel ini, pastikan Anda sudah memahami betul mengenai properties antar komponen JFrame yang tidak akan Saya bahas secara mendalam pada artikel ini. Sebagai media untuk artikel ini, Saya sebelumnya telah membuat Layout Aplikasi seperti tangkapan layar di bawah ini.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"475\" height=\"204\" src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-33.png\" alt=\"\" class=\"wp-image-294\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-33.png 475w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-33-300x129.png 300w\" sizes=\"auto, (max-width: 475px) 100vw, 475px\" \/><\/figure><\/div>\n\n\n\n<p>Dan ketika dijalankan, akan menjadi seperti ini.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"449\" height=\"212\" src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-34.png\" alt=\"\" class=\"wp-image-295\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-34.png 449w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-34-300x142.png 300w\" sizes=\"auto, (max-width: 449px) 100vw, 449px\" \/><\/figure><\/div>\n\n\n\n<p>Dapat Anda lihat, Saya sudah menyiapkan JMenuItem, JButton, dan JLabel, JRadioButton, dan JComboBox sebagai utility Saya dalam menulis artikel ini. Jika Anda belum memahami bagaimana cara membuat layout seperti di Atas, Saya mohon untuk berhenti sejenak pada titik ini dan belajar kembali bagaimana cara membuat layout untuk JFrame sebelum melanjutkan ke bagian lain artikel ini. Apabila Anda sudah paham, Anda dapat melanjutkan ke bagian artikel selanjutnya.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-vertically-aligned-center\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"213\" height=\"169\" src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-35.png\" alt=\"\" class=\"wp-image-296\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<p>Selanjutnya, Saya juga telah membuat 3 class lain dengan JFrame yang akan saya panggil dari kelas utama.  Sebagai Kelas utama dan yang dijalankan Saya memberikannya Nama MainFrame. java<\/p>\n<\/div><\/div>\n\n\n\n<p>Kemudian, 3 class lainnya saya berikan nama MyFrame1.java, MyFrame2.java, dan MyFrame3.java. Tentu saja, Anda dapat memberikan nama class lain sesuai dengan kesukaan Anda, namun pada artikel ini, Saya memberikan contoh dengan nama &#8211; nama class sederhana seperti pada tangkapan layar di atas. <\/p>\n\n\n\n<p><strong>DAFTAR ISI<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#topic1\">Navigasi JFrame dengan JMenuItem dan JButton<\/a><\/li><li><a href=\"#topic2\">Navigasi JFrame dengan JLabel <\/a><\/li><li><a href=\"#topic3\">Navigasi JFrame dengan JRadioButton<\/a><\/li><li><a href=\"#topic4\">Navigasi JFrame dengan JComboBox<\/a><\/li><\/ul>\n\n\n\n<p>Baik, jika semua sudah siap, mari kita mulai dari bagian pertama.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"topic1\">Navigasi JFrame dengan JMenuItem dan JButton<\/h2>\n\n\n\n<p>Untuk membuat navigasi antar JFrame dengan JMenuItem dan JButton cukup mudah saja. Anda tinggal klik kanan pada salah satu komponen tersebut, kemudian pilih <strong>Events<\/strong> <strong>> Action > actionPerformed<\/strong>. Secara otomatis Anda akan dibawa masuk ke dalam blok source code <strong>actionPerformed<\/strong> komponen tersebut. Perhatikan beberapa tangkapan layar di bawah ini.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"551\" height=\"481\" src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-36.png\" alt=\"\" class=\"wp-image-297\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-36.png 551w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-36-300x262.png 300w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><figcaption><strong>actionPerformed <\/strong>options pada JMenuItem<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"475\" height=\"546\" src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-37.png\" alt=\"\" class=\"wp-image-298\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-37.png 475w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-37-261x300.png 261w\" sizes=\"auto, (max-width: 475px) 100vw, 475px\" \/><figcaption><strong>actionPerformed<\/strong> options pada <strong>JButton<\/strong><\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"759\" height=\"98\" src=\"https:\/\/i0.wp.com\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-38.png?fit=640%2C82&amp;ssl=1\" alt=\"\" class=\"wp-image-299\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-38.png 759w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-38-300x39.png 300w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-38-700x90.png 700w\" sizes=\"auto, (max-width: 759px) 100vw, 759px\" \/><figcaption>Contoh blok source code pada <strong>actionPerformed<\/strong><\/figcaption><\/figure>\n\n\n\n<p>Setelah Anda dibawa masuk ke dalam blok source code <strong>actionPerformed<\/strong> Anda dapat memasukkan baris kode berikut ini.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>new &lt;&lt;Nama Class>>().setVisible(true)<\/code><\/pre>\n\n\n\n<p>Contoh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>new MyFrame1().setVisible(true);<\/code><\/pre>\n\n\n\n<p>Lakukan hal tersebut untuk 2 komponen yang lain yang menavigasikan ke JFrame lain.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"266\" src=\"https:\/\/i1.wp.com\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-39.png?fit=640%2C229&amp;ssl=1\" alt=\"\" class=\"wp-image-300\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-39.png 744w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-39-300x107.png 300w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-39-700x250.png 700w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><figcaption><strong>actionPerformed <\/strong>pada <strong>JMenuItem<\/strong><\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"734\" height=\"256\" src=\"https:\/\/i1.wp.com\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-40.png?fit=640%2C223&amp;ssl=1\" alt=\"\" class=\"wp-image-301\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-40.png 734w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-40-300x105.png 300w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-40-700x244.png 700w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><figcaption><strong>actionPerformed <\/strong>pada <strong>JButton<\/strong><\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"380\" style=\"aspect-ratio: 498 \/ 380;\" width=\"498\" controls src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/JMenuItem-JButton.mp4\"><\/video><figcaption>Demonstrasi Navigasi dengan <strong>JMenuItem<\/strong> dan <strong>JButton<\/strong><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"topic2\">Navigasi JFrame dengan JLabel<\/h2>\n\n\n\n<p>Untuk melakukan navigasi dengan menggunakan dengan menggunakan JLabel ini agak sedikit unik. Karena komponen ini tidak memiliki <strong>actionPerformed<\/strong> seperti pada dua komponen sebelumnya. Namun kita bisa mengakalinya dengan menggunakan <strong>MouseEvent<\/strong> yakni <strong>mouseClicked<\/strong>.<\/p>\n\n\n\n<p>Pertama, klik kanan pada komponen <strong>JLabel<\/strong> dan pilih <strong>Events > Mouse > mouseClicked<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"697\" height=\"542\" src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-41.png\" alt=\"\" class=\"wp-image-303\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-41.png 697w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-41-300x233.png 300w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/figure><\/div>\n\n\n\n<p>Selanjutnya, seperti pada langkah sebelumnya, Anda akan dibawa masuk ke blok kode tempat Anda memasukkan baris kode untuk memanggil JFrame lain.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"90\" src=\"https:\/\/i0.wp.com\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-42.png?fit=640%2C80&amp;ssl=1\" alt=\"\" class=\"wp-image-304\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-42.png 720w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-42-300x38.png 300w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-42-700x88.png 700w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/div>\n\n\n\n<p>Masukkan baris kode untuk memanggil JFrame lain ke dalam blok tersebut, dan lakukan hal yang sama untuk memanggil JFrame yan lain.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"705\" height=\"251\" src=\"https:\/\/i2.wp.com\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-43.png?fit=640%2C228&amp;ssl=1\" alt=\"\" class=\"wp-image-305\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-43.png 705w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-43-300x107.png 300w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-43-700x249.png 700w\" sizes=\"auto, (max-width: 705px) 100vw, 705px\" \/><\/figure><\/div>\n\n\n\n<p>Setelah Anda selesai memasukkan baris kode tersebut, langkah terakhir adalah mengubah UX pada JLabel sehingga user mengetahui bahwa Label tersebut <strong>clickable<\/strong>. Caranya adalah dengan mengubah cursor <strong>JLabel<\/strong> ke <strong>Hand Cursor.<\/strong><\/p>\n\n\n\n<p>Untuk melakukannya, klik salah satu <strong>JLabel<\/strong>. Pada <strong>Properties<\/strong>, cari property <strong>cursor. <\/strong>Pilih <strong>Hand Cursor<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"713\" height=\"652\" src=\"https:\/\/i2.wp.com\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-44.png?fit=640%2C585&amp;ssl=1\" alt=\"\" class=\"wp-image-306\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-44.png 713w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-44-300x274.png 300w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-44-700x640.png 700w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/figure><\/div>\n\n\n\n<p>Bagaimanakah hasil akhirnya? mari kita lihat pada video di bawah ini.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"380\" style=\"aspect-ratio: 498 \/ 380;\" width=\"498\" controls src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/JLabel.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"topic3\">Navigasi JFrame dengan JRadioButton<\/h2>\n\n\n\n<p>Untuk melakukan navigasi antar JFrame dengan menggunakan JRadioButton, kita memerlukan satu penanganan spesial, yakni penanganan untuk memastikan hanya satu radio button yang terselect (tidak mungkin ada 2 radio button yang terselect). Oleh karena itu, kita masuk ke dalam mode source, untuk menambahkan satu method void yang akan menghandle hal tersebut. <\/p>\n\n\n\n<p>Masukkan baris kode berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>private void radioReset(){\n        &lt;&lt;nama variable object radio button 1>>.setSelected(false);\n        &lt;&lt;nama variable object radio button 2>>.setSelected(false);\n        &lt;&lt;nama variable object radio button 3>>.setSelected(false);\n}<\/code><\/pre>\n\n\n\n<p>Contoh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>private void radioReset(){\n        rdoJFrame1.setSelected(false);\n        rdoJFrame2.setSelected(false);\n        rdoJFrame3.setSelected(false);\n}<\/code><\/pre>\n\n\n\n<p>Method tersebut akan dipanggil ketika salah satu JRadioButton di klik. Kemudian, karena JRadioButton mendukung <strong>actionPerformed, <\/strong>maka seperti pada tutorial bagian navigasi dengan <strong>JMenuItem <\/strong>dan <strong>JButton<\/strong>, langsung saja klik kanan pada salah satu <strong>JRadioButton<\/strong>, pilih <strong>Events<\/strong> <strong>> Action > actionPerformed<\/strong>. Secara otomatis kita di bawa ke bagian blok kode tempat kita akan meletakkan baris kode untuk memanggil JFrame lain. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"643\" height=\"541\" src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-45.png\" alt=\"\" class=\"wp-image-308\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-45.png 643w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-45-300x252.png 300w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/figure><\/div>\n\n\n\n<p>Masukkan baris kode berikut di tiap blok kode <strong>actionPerformed<\/strong> <strong>JRadioButton<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>radioReset();\n&lt;&lt; variable object JRadioButton >>.setSelected(true);\nnew &lt;&lt; nama class >>().setVisible(true);<\/code><\/pre>\n\n\n\n<p>Contoh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>private void rdoJFrame1ActionPerformed(java.awt.event.ActionEvent evt) {                                           \n   radioReset();\n   rdoJFrame1.setSelected(true);\n   new MyFrame1().setVisible(true);\n} <\/code><\/pre>\n\n\n\n<p>Lakukan hal sama untuk kedua JRadioButton yang lain. Sehingga hasil akhirnya seperti tangkapan layar di bawah ini.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"510\" src=\"https:\/\/i0.wp.com\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-47.png?fit=640%2C448&amp;ssl=1\" alt=\"\" class=\"wp-image-310\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-47.png 728w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-47-300x210.png 300w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-47-700x490.png 700w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/figure><\/div>\n\n\n\n<p>Dan berikut adalah hasilnya.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"672\" style=\"aspect-ratio: 1080 \/ 672;\" width=\"1080\" controls src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/JRadioButton.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"topic4\">Navigasi JFrame dengan JComboBox<\/h2>\n\n\n\n<p>Sama halnya dengan JRadioButton, untuk melakukan navigasi JFrame dengan JComboBox, kita memerlukan sedikit penanganan khusus karena JComboBox memiliki <strong>list <\/strong>dan <strong>item<\/strong>. Oleh karena itu, pertama kita setting dulu <strong>item<\/strong> yang akan tampil di dalam <strong>list<\/strong> JComboBox. Untuk melakukannya, klik pada suatu <strong>JComboBox, <\/strong>pada <strong>Properties<\/strong> carilah <strong>Model. <\/strong>Klik <strong>Model <\/strong>tersebut untuk mengubah isian dari <strong>list JComboBox <\/strong>tersebut.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"905\" height=\"732\" src=\"https:\/\/i0.wp.com\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-48.png?fit=640%2C517&amp;ssl=1\" alt=\"\" class=\"wp-image-312\" srcset=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-48.png 905w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-48-300x243.png 300w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-48-700x566.png 700w, https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-48-768x621.png 768w\" sizes=\"auto, (max-width: 905px) 100vw, 905px\" \/><\/figure><\/div>\n\n\n\n<p>Pada tangkapan layar di atas, Saya menggunakan item <strong>JFrame 1, JFrame 2, <\/strong>dan <strong>JFrame3. <\/strong>Masing &#8211; masing dari item tersebut akan memanggil <strong>JFrame <\/strong>yang berbeda.<\/p>\n\n\n\n<p>Selanjutnya, kita akan menghandle masukan dari <strong>JComboBox<\/strong> ini. Pertama, sama halnya dengan <strong>JRadioButton, <\/strong>kita bisa menggunakan <strong>actionPerformed<\/strong>. Oleh karenanya, langsung saja klik kanan pada suatu <strong>JComboBox, <\/strong>pilih  <strong>Events<\/strong> <strong>> Action > actionPerformed<\/strong>. Secara otomatis kita di bawa ke bagian blok kode tempat kita akan meletakkan baris kode untuk memanggil JFrame lain.  <\/p>\n\n\n\n<p>Ada dua opsi paling mudah untuk menghandle masukan dari <strong>JComboBox<\/strong> ini. Yakni dengan menggunakan <strong>getSelectedIndex()<\/strong> dan <strong>getSelectedItem().<\/strong> Kita akan bahas satu persatu.<\/p>\n\n\n\n<p><strong>GET SELECTED INDEX<\/strong><\/p>\n\n\n\n<p>Untuk dapat menggunakan <strong>getSelectedIndex()<\/strong>, kita harus membuat satu variabel integer untuk dapat menyimpan nilai balikan dari <strong>getSelectedIndex<\/strong>() tersebut. Index pada list <strong>JComboBox<\/strong> dimulai dari 0 dan seterusnya hingga item terakhir pada list. Jadi jika terdapat 3 item pada list <strong>JComboBox<\/strong> maka index &#8211; indexnya pasti: 0, 1, dan 2. Oleh karena itu, pada blok kode <strong>actionPerformed<\/strong> <strong>JComboBox<\/strong>, kita tambahkan baris kode berikut ini.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>int x = &lt;&lt; nama variable object JComboBox >>.getSelectedIndex();<\/code><\/pre>\n\n\n\n<p>Contoh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>int x = scrJFrame.getSelectedIndex();<\/code><\/pre>\n\n\n\n<p>Selanjutnya kita tambahkan <strong>switch &#8230; case<\/strong> untuk menghandle masukan yang sudah diperoleh. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>switch(x){\n     case 0:\n          new &lt;&lt; nama class frame 1 >>().setVisible(true);\n          break;\n     case 1:\n          new &lt;&lt; nama class frame 2 >>().setVisible(true);\n          break;\n     case 2:\n          new &lt;&lt; nama class frame 3().setVisible(true);\n          break;\n}<\/code><\/pre>\n\n\n\n<p>Contoh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>switch(x){\n     case 0:\n          new MyFrame1().setVisible(true);\n          break;\n     case 1:\n          new MyFrame2().setVisible(true);\n          break;\n     case 2:\n          new MyFrame3().setVisible(true);\n          break;\n}<\/code><\/pre>\n\n\n\n<p><strong>GET SELECTED ITEM<\/strong><\/p>\n\n\n\n<p>Untuk dapat menggunakan <strong>getSelectedItem()<\/strong>, kita harus membuat satu variabel String untuk dapat menyimpan nilai balikan dari <strong>getSelectedItem<\/strong>() tersebut. Oleh karena itu, pada blok kode <strong>actionPerformed<\/strong> <strong>JComboBox<\/strong>, kita tambahkan baris kode berikut ini. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>String x = &lt;&lt; nama variable object JComboBox >>.getSelectedItem().toString();<\/code><\/pre>\n\n\n\n<p>Contoh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>String x = scrJFrame.getSelectedItem().toString();<\/code><\/pre>\n\n\n\n<p>Selanjutnya kita tambahkan <strong>switch &#8230; case<\/strong> untuk menghandle masukan yang sudah diperoleh.  <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>switch(x){\n       case \"&lt;&lt; item 1 >>\":\n           new &lt;&lt; nama class frame 1 >>().setVisible(true);\n           break;\n       case \"&lt;&lt; item 2 >>\":\n           new &lt;&lt; nama class frame 2 >>().setVisible(true);\n           break;\n       case \"&lt;&lt; item 3 >>\":\n           new &lt;&lt; nama class frame 3 >>().setVisible(true);\n           break;\n}<\/code><\/pre>\n\n\n\n<p>Contoh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>switch(x){\n       case \"JFrame 1\":\n           new MyFrame1().setVisible(true);\n           break;\n       case \"JFrame 2\":\n           new MyFrame2().setVisible(true);\n           break;\n       case \"JFrame 3\":\n           new MyFrame3().setVisible(true);\n           break;\n }<\/code><\/pre>\n\n\n\n<p><strong>PERHATIAN<\/strong>. Jika Anda menggunakan <strong>getSelectedItem()<\/strong>, maka case di dalam switch harus <strong>SAMA PERSIS<\/strong> baik nama maupun besar kecilnya huruf.<\/p>\n\n\n\n<p>Berikut adalah hasil dari Navigasi dengan menggunakan <strong>JComboBox.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"672\" style=\"aspect-ratio: 1080 \/ 672;\" width=\"1080\" controls src=\"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/JComboBox.mp4\"><\/video><\/figure>\n\n\n\n<p>Demikian artikel Tutorial: Membuat Navigasi Antar JFrame dengan Menggunakan JMenuItem, JButton, JLabel, JRadioButton, dan JComboBox (Netbeans) ini. Semoga bermanfaat untuk kita semua. Apabila Anda memiliki pertanyaan, jangan sungkan meninggalkannya di kolom komentar. Jika Anda ingin mencuplik artikel ini, jangan lupa juga sertakan URL nya. <\/p>\n\n\n\n<p>Anda dapat mengunduh project yang digunakan untuk tutorial ini melalui link <strong><a href=\"https:\/\/github.com\/milstrike\/UNYDeveloperNetwork\">BERIKUT INI<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 6<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>Selamat datang kembali di blogs UNYDeveloperNetwork. Pada tutorial kali ini, Saya akan memberikan tutorial bagaimana cara membuat navigasi antar JFrame dengan menggunakan JMenuItem, JButton, JLabel, JRadioButton, dan JComboBox. Bagaimana cara membuatnya? mari&#8230;<\/p>\n","protected":false},"author":1,"featured_media":295,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,2],"tags":[67,5,61,64,57,62,60,63,66,65,22,4],"class_list":["post-293","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-java","category-tutorial","tag-class","tag-java","tag-jbutton","tag-jcombobox","tag-jframe","tag-jlabel","tag-jmenuitem","tag-jradiobutton","tag-navigasi","tag-navigation","tag-netbeans","tag-tutorial"],"featured_image_src":"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-34.png","author_info":{"display_name":"Muhammad Irfan Luthfi","author_link":"https:\/\/unydevelopernetwork.com\/index.php\/author\/admin\/"},"jetpack_featured_media_url":"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2020\/03\/image-34.png","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts\/293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/comments?post=293"}],"version-history":[{"count":3,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts\/293\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts\/293\/revisions\/316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/media\/295"}],"wp:attachment":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/media?parent=293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/categories?post=293"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/tags?post=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}