Event Table (jQGrid version) - edit function

event-page(snippet).jsp

function editRow() {
	// Get the currently selected row
	var row = $("#grid").jqGrid('getGridParam','selrow');

	if( row != null ) 
		$("#grid").jqGrid('editGridRow',row,
			{	url: "${rootUrl}jqgrid/event/edit",
	            serializeEditData: function(data){ 
	                data.date = new Date(data.date).toISOString();
	                return $.param(data);
	            },
		        recreateForm: true,
				closeAfterEdit: true,
				reloadAfterSubmit:true,
			    beforeShowForm: function(form) {
			    	$("#date").datepicker({
						changeMonth: true,
						changeYear: true
					});
				},
				afterSubmit : function(response, postdata) 
				{ 
		            var result = eval('(' + response.responseText + ')');
					var errors = "";

		            if (result.success == false) {
						for (var i = 0; i < result.message.length; i++) {
							errors +=  result.message[i] + "<br/>";
						}
		            }  else {
		            	$("#dialog").text('Entry has been edited successfully');
						$("#dialog").dialog( 
								{	title: 'Success',
									modal: true,
									buttons: {"Ok": function()  {
										$(this).dialog("close");} 
									}
								});
	                }

					return [result.success, errors, null];
				}
			});
	else alert("Please select row");
}