Jquery CRUD {Create Read Update Delete} Master Data dan Transaksi untuk MVC ASP.NET C#

Jquery CRUD {Create Read Update Delete} Master Data dan Transaksi untuk MVC ASP.NET C#
Untuk membuat form CRUD dan table list didalam satu page dengan menggunakan MVC ASP.NET tidak semudah seperti kita membuat dengan menggunakan ASP.NET Web Forms. Jika didalam menggunakan ASP.NET dengan Web Forms kita dimanjakan dengan drag n drop didalam GUI nya didalam MVC ASP.NET berbeda penerapannya, kita harus membuat object object terlebih dahulu setelah itu baru membuat Controller dan views nya.

Dengan membuat form CRUD disertakan table list didalam satu page, Jquery di sangat membantu kita untuk membuat seperti itu. Tetapi JQuery apa yang bagus untuk membuat form CRUD disertakan table list?


untuk Form CRUD sendiri saya bagi menjadi 2, yaitu Form CRUD untuk Master Data dan satu lagi yaitu Form CRUD untuk Transaksi.
Apa itu Form Master Data dan Form Transaksi? kawan kawan pasti sudah tahu, pengertian yang gampangnya adalah berdasarkan table database yaitu untuk Master Data terdiri dari satu Table yang di gunakan dan untuk Tansaksi lebih dari satu Table yang digunakan.

Kembali lagi ke jQuery yang digunakan untuk MVC ASP.NET untuk Master Data adalah JTable.
Jtable salah satu template terbaik untuk CRUD dengan bantuan Json, untuk tipe Master Data dengan kata lain dengan satu table.
Contoh bentuknya bisa lihat dibawah

unnamed

Isi nya berupa CRUD, paging, sorting dan pencarian data.
Tinggal kita buat fungsinya CRUD di dalam koding MVC kita, untuk menjalankan semua features dari jTable.
Nantinya saya akan bahas detail kodingnya tentang ini, memakai MVC dan Web api 2, silahkan ditunggu.

Untuk jquery CRUD untuk form transaksi dengan MVC ASP.NET saya memilih dengan memakai appendgrid, dengan memakai appendgrid kita bisa membuat table form CRUD yang bersifat temporary atau sementara yang mendukung form transaksi anda. Gambar bisa dilihat dibawah

unnamed (1)

 

Link download jquery tersebut bisa dicoba dibuka disini

Untuk jTable

Untuk Appendgrid

Selamat mencoba

Wassalam

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s