jQuery Grid Plugin - jqGrid

jQuery(document).ready(function(){
  $(”#list”).jqGrid({
    url:'data/dashboard.php',
    datatype: 'xml',
    mtype: 'GET',
    colModel :[
      {name:'fname', index:'fname', label:'First Name', width:130, editable:true,editoptions:{size:30}},
      {name:'lname', index:'lname', label:'Last Name', width:150, editable:true,editoptions:{size:30}},
      {name:'logon', index:'logon', label:'Last Logon', width:120, align:'center',editable:false},
      {name:'start', index:'start', label:'Start Date', width:120, align:'center',editable:true,editoptions:{size:20}},
      {name:'userid', index:'userid', label:'User ID', width:150,editable:true,editoptions:{size:40}},
      {name:'note', index:'note', label:'Notes', width:150, sortable:false,editable:true,edittype:"textarea", editoptions:{rows:"3",cols:"50"}}
    ],
    pager: $('#pager'),
    rowNum:60,
    rowList:[20,40,60],
    sortname: 'lname',
    sortorder: “asc”,
    viewrecords: true,
    imgpath: 'themes/steel/images',
    caption: 'Customers',
    height:300,
    onSelectRow: function(ids) {

        if(ids == null) {
        ids=0;
        if(jQuery(”#list_detail”).getGridParam('records') > 0 ) {
            jQuery(”#list_detail”).setGridParam({url:”data/subgrid.php?&q=1&id=”+ids,page:1})
            .setCaption(”License Detail: “+ids)
            .trigger('reloadGrid');
        }
        } else {
        jQuery(”#list_detail”).setGridParam({url:”data/subgrid.php?&q=1&id=”+ids,page:1})
        .setCaption(”License Detail: “+ids)
        .trigger('reloadGrid');
        }
    }
  }).navGrid('#pager',
            {add: true, edit: true, del: true, search: true}, //options
            {editCaption:'Edit License', height:200,width:600,reloadAfterSubmit:false,url:'useredit.php'}, // edit options
            {editCaption:'Add License', height:200,width:600,reloadAfterSubmit:false,url:'useredit.php'}, // add options
            {caption:'Delete License', reloadAfterSubmit:false,url:'useredit.php'}, // del options
            {width:600} // search options
            );
    $(”#license”).click(function(){
        var gr = jQuery(”#list”).getGridParam('selrow');
        if( gr != null ) jQuery(”#list”).editGridRow(gr,{height:280,reloadAfterSubmit:false});
        else alert(”Please Select a Customer if you would like to Add a New License”);
    });

// Begin License Subgrid

  $(”#list_detail”).jqGrid({
      height: 100,
      width:851,
      url:'data/subgrid.php?q=1&id=0',
      datatype: “xml”,
      mtype: “GET”,
      colModel:[
      {name:'user_id',index:'user_id', label:'User', align:'center', hidden:true, edittype:"text", editrules:{number:true}, width:180, editable:true, editoptions:{value:""+user_id, size:30}},
      {name:'app',index:'app', label:'Application', width:200, align:'center', editable:true, edittype:"select",
      editoptions:{value:"<?php include 'includes/dbconfig.inc.php';
$con = mysql_connect($dbhost, $dbuser, $dbpassword) or die("Connection Error: " . mysql_error());
mysql_select_db($database) or die("Error connecting to db.");
$query  = "SELECT id,app FROM appid";
$result = mysql_query($query);
while($row = mysql_fetch_array($result))
{
  echo $row['id'] . “:” . $row['app'] . “;”;
}
mysql_close($con); ?>”}},
      {name:'expiration',index:'expiration', label:'Expires', align:'center', editrules:{date:true}, datefmt:'yyyy-mm-dd', width:180, editable:true,editoptions:{size:30}}
      ],
      rowNum:5,
      rowList:[5,10,20],
        imgpath: 'themes/steel/images',
      pager: jQuery('#pager_detail'),
      sortname: 'app',
      viewrecords: true,
      sortorder: “asc”,
      caption:”License Detail”
  }).navGrid('#pager_detail',
            {add:true,edit:true,del:true,search:false}, //options
            {height:200,width:600,reloadAfterSubmit:true,url:'licenseedit.php'}, // edit options
            {height:200,width:600,reloadAfterSubmit:false,url:'licenseedit.php'}, // add options
            {reloadAfterSubmit:false,url:'licenseedit.php'}, // del options
            {width:600} // search options
            );
});

jQuery(”#detail”).jqGrid({…}).navGrid(”#pgdetail”,{…},

{…}, //edit

{…

beforeShowForm: function(formid) {

// we should get the id of the master here

mid = jQuery(”#master”).getGridParam(”selrow”);

if (mid != null ) {

// now we can set it in editurl

jQuery(”#detail”).setGridParam({editurl:”myurlhere.php?masterid=”+mid});

}

}

….