Mengatur Tombol Simpan Dengan Menggunakan Javascript "serialize"

Untuk kasus ini adalah saya membuat CRUD untuk SIMBADA versi.3. Dengan menggunakan tamplate dan tampilan form yang baru. Ada perubahan struktur program pada semua tampilan (modul). Sehingga proses penyesuaian koding membutuhkan waktu yang lumayan lama.

Mengawali dari merancang menu dan merancang halaman beranda dari SIMBADA. menyesuaikan struktur baru agar terlihat lebih enak di lihat. Modul beranda menampilkan rekap masing-masing KIB. Dengan data yang sangat banyak mengakibatkan load database lumayan lama.

Kemudian proses selanjutnya membuat CRUD dari beberapa menu master. Disini saya menggunakan method simpan dengan menggunakan javascript. Sehingga ada beberapa komponen yang perlu di sesuaikan. Sebagai contoh adalah tombol SIMPAN, yang tadi nya saya menggunakan komponen "button"

 

<button onClick="getSave()" type="submit" class="btn btn-sm btn-success">SIMPAN </button>

dan di sertakan method onClick pada prosesnya ternyata tidak bisa melakukan penyimpanan data. Dan proses aksi nya menjadikan refresh pada semua halaman. Saya pun mencari permasalahan tersebut dengan beberapa referensi. Dan akhirnya saya menemukan solusi untuk masalah tersebut, yaitu dengan menggunakan komponen "input" bukan dengan "button" 

<input onClick="getSave()" name="ubah" value="SIMPAN" class="btn btn-sm btn-success">

Kemudian dengan proses diatas bisa berjalan dengan baik dan proses simpan berhasil.

Saya kemudian menjumpai permasalahan lain, yaitu komponen select2 pada selectbox. Pada form ubah tidak bisa ngeload file select2.min.css dan select2.min.js yang saya letakan pada file index. Saya kemudian menuliskan link css dan js select2.min pada formulir ubah. Namun setelah di buka menjadikan tampilan formulir yang menggunakan select2 menjadi double form. 

Solusi yang yang saya terapkan adalah dengan merubah nama class pada formulir ubah, yaitu yang biasa menggunakan class select2 saya ubah menjadi select3 .

    $(function () {

        //Initialize Select2 Elements

        $(".select3").select2();  

      });

Berarti ada inisialisasi class form select2 sebanyak dua , yaitu :

    $(function () {

        //Initialize Select2 Elements

        $(".select2").select2();  

      });

Demikian sedikit pengalaman saya dalam melakukan proses peremajaan modul SIMBADA.

Terimakasih semoga bermanfaat.