Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Mengaktifkan TextBox Saat ComboBox Terpilih di Aplikasi Web dari PHPMaker
Menampilkan TextBox Saat CheckBox Tercentang di Aplikasi Web dari PHPMaker
Mengaktifkan TextBox Saat Radio Button Terpilih di Aplikasi Web dari PHPMaker

Mengaktifkan TextBox Saat ComboBox Terpilih di Aplikasi Web dari PHPMaker

Kam, 10 Juli 2014 oleh Masino Sinaga 10 Komentar

Di dua artikel sebelum ini kita sudah membahas mengenai betapa mudah dan cepatnya Web Developer dapat menambahkan kode untuk menerapkan business-logic yang dijalankan di sisi browser pada Aplikasi Web yang dihasilkan oleh PHPMaker. Di kedua contoh tersebut kita menggunakan masing-masing control CheckBox dan Radio Button untuk mengaktifkan maupun menonaktifkan control TextBox yang berada di bawahnya.

Di artikel yang ini kita masih akan membahas contoh yang digunakan di kedua artikel tersebut. Kali ini kita menggunakan control ComboBox. Untuk itu, Anda harus menyesuaikan tipe control field AndaMhs dari yang sebelumnya CheckBox atau Radio Button menjadi Select atau sering dikenal dengan istilah ComboBox melalui menu: Fields setup -> Edit Tag pada project PHPMaker yang bertalian.

Sedangkan untuk kode yang sebelumnya terdapat di Client Scripts -> Table-Specific -> Add/Copy Page -> Startup Script dan Client Scripts -> Table-Specific -> Edit Page -> Startup Script (jika ada), silahkan diganti masing-masing menjadi seperti yang di bawah ini:

$(document).ready(function() {
    // Kondisi saat Form di-load
    if ($("#x_AndaMhs").val() == "Y") {
        $('#x_NamaMhs').removeAttr('disabled');
    } else {
        $('#x_NamaMhs').attr('disabled','disabled'); 
    }
    // Kondisi saat ComboBox (Select Option) dipilih nilainya
    $("#x_AndaMhs").change(function() {
        if (this.value == "N") {
            $('#x_NamaMhs').attr('disabled','disabled'); 
            $('#x_NamaMhs').val('');
        } else {
            $('#x_NamaMhs').removeAttr('disabled');
            $('#x_NamaMhs').focus();
        } 
    });
}); 

Terakhir, jangan lupa men-generate ulang semua file scripts, lalu jalankan ulang Aplikasi Web tersebut melalui browser untuk mencoba hasilnya.

Dalam contoh kode tadi, kita hanya cukup mengubah dua baris kode saja (silahkan Anda bandingkan sendiri dengan contoh kode yang terdapat di artikel sebelumnya).

Karena sekarang kita menggunakan control ComboBox, maka pemeriksaan kondisi menggunakan nilai pilihan control ComboBox yang terpilih; apakah N atau Y. Jika nilai yang terpilih adalah N, maka TextBox di bawahnya akan non-aktif atau disabled, sebaliknya jika yang terpilih adalah Y, maka TextBox di bawahnya menjadi aktif atau enabled.

Betapa mudahnya menerapkan business-logic dari sisi browser Pengguna pada Aplikasi Web yang dihasilkan oleh PHPMaker, bukan? 🙂

Ditempatkan di bawah: PHPMaker Ditag dengan:attr, change, Client Scripts, focus, PHPMaker Indonesia, removeAttr, Startup Script, Tutorial PHPMaker, val

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com dan ilovephpmaker.com.

Menampilkan TextBox Saat CheckBox Tercentang di Aplikasi Web dari PHPMaker
Mengaktifkan TextBox Saat Radio Button Terpilih di Aplikasi Web dari PHPMaker

Komentar

  1. Cak Sobri mengatakan

    Kam, 10 Juli 2014 pada 2:03 pm

    Yang show/hide om ? kalo itu kan show/disable… ditunggu 🙂

    Balas
    • Masino Sinaga mengatakan

      Kam, 10 Juli 2014 pada 3:26 pm

      Besok hari Jumat, 11 Juli 2014 artikelnya terbit.

      Selamat menunggu. 🙂

      Balas
      • Tomi mengatakan

        Sel, 24 September 2019 pada 1:23 pm

        Pak Masino, bagaimana untuk men-Disable untuk Atribut Select (yang didalamnya Lookup Table) ?

        Balas
  2. andi usman mengatakan

    Sel, 16 Juni 2015 pada 6:04 pm

    numpang tanya pak,saya ada kendala tentang phpmaker
    1. bagaimana menampilkan hasil perhitungan pada master detail untuk hasil perhitungan pada sisi client..untuk tabel master bisa,tetapi untuk yang berkaitan dengan master detail tidak bisa berfungsi script client perhitungannya
    mksh

    Balas
    • Masino Sinaga mengatakan

      Sel, 16 Juni 2015 pada 10:30 pm

      Sepertinya project ini bisa membantu: http://sourceforge.net/projects/stock-inventory-management/.

      Balas
      • andi usman mengatakan

        Rab, 17 Juni 2015 pada 4:57 pm

        project diatas diatas memang membantu mas,tapi bingung pakenya..oh mau tanya satu hal lagi,kenapa tabel yang mempunyai relasi tebel,hanya salah satu tabel aja berfungsi event scriptnya,padahal penggunaannya sama.

        Balas
        • Masino Sinaga mengatakan

          Rab, 17 Juni 2015 pada 5:33 pm

          Kalau sudah punya file .pmp-nya dijamin tidak bingung. Mengapa? Karena dari dalam file project tersebut kita bisa melihat di bagian mana saja kode yang sudah ditambahkan, baik di Server Events maupun Client Scripts. Anda tinggal men-generate ulang dari PHPMaker.

          Untuk table yang memiliki relasi (maksudnya Master/Detail ya?), tergantung di halaman mana script tersebut ditempatkan. Ada beberapa event di halaman Add pada table Master bisa berfungsi juga script-nya di table Detail. Contohnya seperti yang sudah saya bahas pada artikel Mencegah Pengguna Menambah Baris Baru di Tabel Detail Aplikasi Web dari PHPMaker.

          Untuk itulah saya sarankan supaya memiliki file .pmp project Stock Inventory Management tadi dengan menjadi member di situs I Love PHPMaker.

          Balas
  3. Renny Dwi mengatakan

    Sel, 30 Agustus 2016 pada 9:37 pm

    Pak, bagaimana kalau data combo lebih dari dua?
    Kondisi if saya juga mengambil dari $.post , saya coba berjalan baik untuk yang kondisi pertama.. Untuk else nya tidak berjalan

    Balas
    • Masino Sinaga mengatakan

      Rab, 31 Agustus 2016 pada 5:28 pm

      Kode yang kamu tulis seperti apa?

      Balas

Trackbacks

  1. Mengenal Client Scripts di PHPMaker : IlmuKomputer.Com berkata:
    Sab, 30 Agustus 2014 pukul 7:32 am

    […] Mengaktifkan TextBox Saat ComboBox Terpilih di Aplikasi Web dari PHPMaker $(document).ready(function() { // Kondisi saat Form di-load if ($("#x_AndaMhs").val() == "Y") { $('#x_NamaMhs').removeAttr('disabled'); } else { $('#x_NamaMhs').attr('disabled','disabled'); } // Kondisi saat ComboBox (Select Option) dipilih nilainya $("#x_AndaMhs").change(function() { if (this.value == "N") { $('#x_NamaMhs').attr('disabled','disabled'); $('#x_NamaMhs').val(''); } else { $('#x_NamaMhs').removeAttr('disabled'); $('#x_NamaMhs').focus(); } }); }); […]

    Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

Pos-pos Terbaru

  • Begini Mudahnya Mengubah Lebar Modal Dialog di PHPMaker 2022
  • Item Menu Tetap Aktif Meskipun Sedang Menampilkan Halaman Tambah, Ubah, Tampilkan, Cari di PHPMaker 2022
  • Hati-Hati Memilih Versi PHP Sebelum Generate Code di PHPMaker 2022
  • Alasan AlwaysUseEnglishUSLocale Sebaiknya Aktif di Masino Extensions untuk PHPMaker 2022
  • MasinoInputMask18 Extension, Autoformat Angka dengan Fitur Lebih Kaya di PHPMaker 2022

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Project Stock Inventory untuk PHPMaker 2022 Sekarang Sudah Bisa Didownload
  • Stanislaus Ariyanto pada Project Stock Inventory untuk PHPMaker 2022 Sekarang Sudah Bisa Didownload
  • Masino Sinaga pada Mudahnya Mendapatkan Info Pengguna Setelah Login di Aplikasi Web dari PHPMaker
  • irwan pada Mudahnya Mendapatkan Info Pengguna Setelah Login di Aplikasi Web dari PHPMaker
  • Masino Sinaga pada Ini Dia Fitur-Fitur yang Terdapat di Masino Extensions untuk PHPMaker 2022

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2021 | WordPress | Catat masuk | Kembali ke atas