jQuery Grid Plugin - jqGrid

My skeleton code:-

{ name:

formatoptions: {

onEdit:

},

onSuccess:

alert(

},

onError:

alert(

},

afterSave:

alert(

},

afterRestore:

alert(

},

delOptions: myDelOptions

}

}

],

multiselect:

height: $(

autowidth:

'act', index: 'act', width: 55, align: 'center', sortable: false, formatter: 'actions',function (rowid) {function (jqXHR) { "Successful Edited");return true;function (rowid, jqXHR, textStatus) {"Error:" +"\n=" + jqXHR.responseText +"\nstatus=" + jqXHR.status +"\nstatusText" + jqXHR.statusText +"\n");function (rowid) {"Successful edited")function (rowid) {"Successful edited")false,"#container").height(),true, //rownumbers: true,

cloneToTop:

rowNum: 50,

rowList: [50, 100, 150, 200],

pager: $(

gridComplete:

be =

se =

ce =

jQuery(

}

},

true,'#pager1'),function () {var ids = $("#list1").jqGrid('getDataIDs');for (var i = 0; i < ids.length; i++) {var cl = ids[i];"<input style='height:22px;width:20px;' type='button' value='E' onclick="$('#list1').editRow('" + cl + "');" />";"<input style='height:22px;width:20px;' type='button' value='S' onclick="$('#list1').saveRow('" + cl + "');" />";"<input style='height:22px;width:20px;' type='button' value='C' onclick="$('#list1').restoreRow('" + cl + "');" />";"#rowed2").jqGrid('setRowData', ids[i], { act: be + se + ce }); 

{ name:

'act', index: 'act', width: 55, align: 'center', sortable: false, formatter: 'actions',

formatoptions: {

onEdit:

function (rowid) {

},

onSuccess:

function (jqXHR) {

alert(

"Successful Edited");

return true;

},

onError:

function (rowid, jqXHR, textStatus) {

alert(

"Error:" +

"\n=" + jqXHR.responseText +

"\nstatus=" + jqXHR.status +

"\nstatusText" + jqXHR.statusText +

"\n");

},

afterSave:

function (rowid) {

alert(

"Successful edited")

},

afterRestore:

function (rowid) {

alert(

"Successful edited")

},

delOptions: myDelOptions

}

}

],

multiselect:

false,

height: $(

"#container").height(),

autowidth:

true, //rownumbers: true,

cloneToTop:

true,

rowNum: 50,

rowList: [50, 100, 150, 200],

pager: $(

'#pager1'),

gridComplete:

function () {

var ids = $("#list1").jqGrid('getDataIDs');

for (var i = 0; i < ids.length; i++) {

var cl = ids[i];

be =

"<input style='height:22px;width:20px;' type='button' value='E' onclick="$('#list1').editRow('" + cl + "');" />";

se =

"<input style='height:22px;width:20px;' type='button' value='S' onclick="$('#list1').saveRow('" + cl + "');" />";

ce =

"<input style='height:22px;width:20px;' type='button' value='C' onclick="$('#list1').restoreRow('" + cl + "');" />";

jQuery(

"#rowed2").jqGrid('setRowData', ids[i], { act: be + se + ce });

}

},

Please advise.

Thank you.

Regards,

Micheale