I have a jqgrid that maintains a database file.
The edit/add forms that show up are the basic information and the rest is set to default values.
What I would like to do is allow the user to click a button in the form and then give them access to the full information.
What is the best approach to accomplish this?
Thank you.
Note: There are many more columns. I shortened the list for example purposes.
Here is a portion of the code:
$(function () {
jQuery("#PClist").jqGrid({
url: "pyg280cload.php",
editurl: "pyg280cedit.php",
datatype: "json",
mtype: "POST",
colNames:["Row ID", "State", "Seq #", "Active", "Select Stores", "Pay Type","Hours Required", "Hourly Increment", "Include Tips"],
colModel:[{name: "PCROWID", width: 60, align: "center", editable:true, hidden:true, editoptions: {readonly:true}},
{name: "PCST", width: 60, align: "center", editable:true, editoptions: {readonly:true}, editrules: {required:true, number:false}},
{name: "PCLSEQ", width: 60, align: "center", editable:true, editoptions: {readonly:true}, editrules: {required:true, number:true}, formatter:'number', formatoptions:{decimalPlaces: 0, defaultValue: '0'}},
{name: "PCACTIVE", width: 60, align: "center", editable:true, editrules: {edithidden:true}, edittype:"checkbox", editoptions: {value:"Y:N"}},
{name: "SelectStores", width: 80, align: "center", editable:true, hidden:true, editrules: {edithidden:true}, edittype:"button", editoptions: {value:"Select Stores"}},
{name: "PCPAY", width: 60, align: "center", editable:true, edittype:"select", editoptions:{value:{H:'Hourly', S:'Salary', B:'Both'}}},
{name: "PCHRSREQ", width: 60, align: "center", editable:true, hidden:true, editrules: {number:true, edithidden:true}},
{name: "PCHRSINCR", width: 60, align: "center", editable:true, hidden:true, edittype:"checkbox", editoptions: {value:"Y:N"}},
{name: "PCTIPS", width: 60, align: "center", editable:true, hidden:true, editrules: {edithidden:true}, edittype:"checkbox", editoptions: {value:"Y:N"}},
...