I am having an issue with the jqModal setting when invoked multiple times. For example, here is a test page that demonstrates the issue.

http://sonoma-dev.webreliance.com/jqmodal_issue.php

Select a row and click the edit icon.
Cancel
Now select a different row and click the edit icon.

You will see that the modal that opens is the first modal, not the modal that should be displaying for the row currently selected.

If I set jqModal to True, this issue does not exist, but then clicking off add/edit form closes the form, which my client does not like. Any help you can provide would be greatly appreciated!

Here is the php code:

<?php include '_db.php' ?>
<?php include("lib/inc/jqgrid_dist.php"); ?>

<?php
// include and create object
//include("lib/inc/jqgrid_dist.php");
$ng = new jqgrid($db_conf);

// set few params
$ngrid["autowidth"] = true;
$ngrid["height"] = "175";
$ngrid["form"]["position"] = "center"; // position form dialog to center
$ngrid["sortname"] = 'notedate';
$ngrid["sortorder"] = "desc";
$ngrid["add_options"] = array('width'=>'420',"recreateForm"=>true,"jqModal"=>false);
$ngrid["edit_options"] = array('width'=>'420',"recreateForm"=>true,"jqModal"=>false);
$ngrid["altRows"] = true;
$ngrid["altclass"] = "myAltRowClass";

$ng->set_options($ngrid);

$ng->set_actions(array("delete"=>true, "add"=>true, "edit"=>true, "rowactions"=>false));

// set database table for CRUD operations
$ng->table = "data_Note";

$sql = "select noteid, noteguid, clientid, notedate, note from data_Note where clientid = 1 ";
$ng->select_command = $sql;

$col = array();
$col["title"] = "Note ID"; // caption of column
$col["name"] = "noteid"; // grid column name, same as db field or alias from sql
$col["width"] = "10"; // width on grid
$col["hidden"] = true;
$ncols[] = $col;

$col = array();
$col["title"] = "Note GUID"; // caption of column
$col["name"] = "noteguid"; // grid column name, same as db field or alias from sql
$col["width"] = "10"; // width on grid
$col["hidden"] = true;
$ncols[] = $col;

$col = array();
$col["title"] = "clientid";
$col["name"] = "clientid";
$col["editable"] = true;
$col["editoptions"] = array("defaultValue"=>1, "recreateForm"=>true);
$col["show"] = array("list"=>false,"edit"=>false,"add"=>false);
$ncols[] = $col;

$col = array();
$col["title"] = "Date";
$col["name"] = "notedate";
$col["width"] = "6";
$col["editable"] = true; // this column is editable
$col["editoptions"] = array("style"=>"width:150px;","defaultValue"=>date('m/d/Y'), "recreateForm"=>true); // with default display of textbox with size 20
$col["editrules"] = array("required"=>true, "edithidden"=>true); // and is required
# format as date
$col["formatter"] = "date";
# opts array can have these options: http://api.jqueryui.com/datepicker/
$col["formatoptions"] = array("srcformat"=>'Y-m-d',"newformat"=>'m/d/Y');

//$col["link"] = "http://localhost/?id={id}"; // e.g. http://domain.com?id={id} given that, there is a column with $col["name"] = "id" exist
//$col["linkoptions"] = "target='_blank'"; // extra params with <a> tag
$ncols[] = $col;

$col = array();
$col["title"] = "Note";
$col["name"] = "note";
$col["width"] = "20";
$col["resizable"] = true;
$col["editable"] = true;
$col["edittype"] = "textarea";
$col["editoptions"] = array("rows"=>4, "cols"=>40);
$ncols[] = $col;

$ng->set_columns($ncols);

// render grid
$noteout = $ng->render("notelist");

?>
<?php include '_funcs.php' ?>
<?php include '_header.php' ?>
<?php echo $noteout; ?>