Home » programming » framework » codeigniter » CRUD (create,read,update & delete) dengan jquery ajax,json dan codeigniter 2

CRUD (create,read,update & delete) dengan jquery ajax,json dan codeigniter 2

Start here

tambahan fungsi crud untuk tulisan saya tentang paginasi dengan jquery easyui

download file2 tambahan dan perubahannya -> CRUD dengan jquery ajax dan codeigniter

 

masterweb hosting

 

 

Tags: , , , ,

By in codeigniter, jquery, php, programming on .

5 Comments

  1. hokobento says:
    13 June 2012 at 20:22

    wah.. sip mas…
    makasih untuk scripnya…

    tp ada sedikit masalah ni..
    klo pake json.. ketika kita proses delete maka data di page yg kita delete datanya akan berkurang..

    misal ada 100 data, ditampilkan 10 data tiap page,, maka akan ada 10 page..
    ketika kita menuju page 2 ada 10 data yang tertampil dan selanjutnya kita delete 6 row.. maka data yg tertampil di page 2 akan menjadi 4. ( tanpa kita menggeser page sebelum atau sesudahnya).. masih dlm page ke 2.

    bagaimana kita buat agar data yg ditampilin di page 2 itu tetap 10..

    seperti klo kita cuma pake codeigniter pagination…

    minta tolong solusinya mas agung.. ??

    Reply
    • agung susanto says:
      13 June 2012 at 22:33

      oh iya juga, termasuk kalo kita klik batal yah…

      makasih di kasi tau,

      # pertama buka file barang_view.php, javascriptnya kita tambah variable global di buat nangkep pagenumber dari paginationya jquery easyui ( var vPageNumber = 1;)

      # terus masukin di function $(‘#pp’).pagination({….}) di bagian post

      $.post(hn + ‘barang_ctl/search_barang/ #content_barang’, {descp_msg:msg, descp_satuan:stn, pageNumber:pageNumber}, function (data) {
      $(“#content_barang”).html(data);
      vPageNumber=pageNumber;
      });

      # terus di setiap yg ada key_barang() di ubah jadi key_barang(vPageNumber);

      # sama di success functionnya $(‘a[name=btnHapus]’).live(‘click’

      bagian ->
      parent.slideUp(300, function () {
      parent.remove();
      });

      hapus aja ganti sama ->

      key_barang(vPageNumber);

      oke dicoba gan, di repo https://github.com/siagung/CRUD_dengan_jquery_dan_codeigniter dah aku push filenya tuh.

      Reply
    • hokobento says:
      14 June 2012 at 05:39

      ini file yang sdh di edit lg ya mas..

      oke deh segera menuju tkp…

      langsung saya coba tes..

      tanks.

      Reply
  2. hokobento says:
    14 June 2012 at 22:32

    maaf mas,, cuma mau kasih masukan…
    itu programnya kok tiap kali di eksekusi load datanya jadi bertambah ya mas??
    saya pake firebug untuk melihat proses jquery nya..

    ini log aplikasinya setiap kali di klik..

    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    66ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/addBarang

    200 OK
    73ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    67ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    112ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/uptbarang

    200 OK
    63ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/barang_exec

    200 OK
    76ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    187ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    88ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    139ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/hapusbarang_exec

    200 OK
    65ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    159ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    197ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    250ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    213ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/uptbarang

    200 OK
    82ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/barang_exec

    200 OK
    74ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    123ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    169ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    252ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    181ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    199ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/hapusbarang_exec

    200 OK
    67ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    104ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    173ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    227ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    275ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    289ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    222ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/uptbarang

    200 OK
    83ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/barang_exec

    200 OK
    83ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    102ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    158ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    209ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    252ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    214ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    257ms
    jquery-1.5.min.js (line 16)
    POST http://localhost/siagung/crud_x3/barang_ctl/search_barang

    200 OK
    291ms
    jquery-1.5.min.js (line 16)

    Reply
    • agung susanto says:
      15 June 2012 at 14:10

      oh iya, permasalahannya di event keyup search barang, saya ganti jadi

      $(‘input#search’).live(‘keyup’, function(){
      handle_SearchBarang();
      });

      dan proses postnya dibuat function terpisah -> handle_SearchBarang();,
      silahkan di cek lagi file editanya gan.

      Reply

Leave a comment