jqgrid - modal

<!--
JAVA SCRIPTNYA
-->
<script>
/*
----------
perhatikan pada onSelectRow??!?
Or bisa letakkan di doubleclick
*/
var lastsel;
jQuery("#rowed3").jqGrid({
    url:'server.php?q=2',
    datatype: "json",
    colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
    colModel:[
        {name:'id',index:'id', width:55},
        {name:'invdate',index:'invdate', width:90, editable:true},
        {name:'name',index:'name', width:100,editable:true},
        {name:'amount',index:'amount', width:80, align:"right",editable:true},
        {name:'tax',index:'tax', width:80, align:"right",editable:true},
        {name:'total',index:'total', width:80,align:"right",editable:true},
        {name:'note',index:'note', width:150, sortable:false,editable:true}
    ],
    rowNum:10,
    rowList:[10,20,30],
    pager: '#prowed3',
    sortname: 'id',
    viewrecords: true,
    sortorder: "desc",
    onSelectRow: function(id){
        if(id && id!==lastsel){
            lastsel=id;
        }else{}
    },
    editurl: "server.php",
    caption: "Using events example"
});
jQuery("#rowed3").jqGrid('navGrid',"#prowed3",{edit:false,add:false,del:false});

/*
Edit perhatikan pengiriman parameter id nya
edit{nama modul yang akan di edit}
cara terbaik memang dgn menulis
$(".editPasien").click(function(){...});
tapi lebih suka
<input type='button' onclick='bla()' />

pilih dulu row yg akan di edit.. dan di klik tombol editnya
*/
function editPasien(){
    params={id:idPasien}
    url=siteUrl+"anonim/formcontact";
      request=sendAjax(url, params);
      request.success(function(result,status) {
          clearModal();
         $("#myModal").modal({show: true});
            $(".modal-title").html("Masukkan Kontak");
            $(".modal-body").html(result.html);

       });
       request.error(function(xhr,status,msg){
/*
temukan metode terbaik untuk mengeluarkan error!!
*/
            console.log("Error");
            console.log(status);
            console.log(msg);
            console.log(xhr);

        });
}
/*
Save
*/
function savePasien(){
    /*
    akan bagus apabila proses saat save secara ajax .. untuk ini silakan dicari sendiri
    */
jQuery("#rowed3").jqGrid( ).trigger("reloadGrid"); // buat reload
}
/*
HAPUS ISI MODAL
*/
  function clearModal(){
    $(".modal-title, .modal-body").empty();
  }
/*
AJAX sederhana
*/
function sendAjax(url,params){
    var request = $.ajax({
          url: url,
          type: "POST",
          data: params,
          dataType: "json",
          cache:false,
          timeout:20000,
    });

    return request;
}
</script>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

<!--PHPnya--->
<?php
$html='';
/*
bila memakai ci.. bisa dengan menariknya
$html=$this->load->view('target',$param,true);
kl php murni gunakan ob_start

target adalah html form yg akan kamu edit2..
tambahkan tombol submit.. tp kl km bs pake ajax.. button yg nanti memakai fungsi save (yap)
*/
$status='success'; // nanti bisa di isi bukan sukses kl data gagal
$result=array('html'=>$html, 'status'=>$status);
echo json_encode($result);