jQuery Grid Plugin - jqGrid

Hello, I have a problem with modal windows. My "add window" and "edit window" have diferentes sizes, because "add window" have less fields than "edit window". And I want "add window" shows a size of height = 500, and "edit window" a size of height = 900.

If I use first "edit window", and after "add window", due to "edit window" is bigger, add window opens with height = 900, no 500. And if  I use first "add window", and after that "edit window", when "edit window" opens its size is only of height = 500. How could I do that each modal window have its correct size?

Heres is my code:

jQuery("#listadoGrid").jqGrid({

url:'/AODB2/realTime/arrivalFlight/NewArrivalFlight.action?accion=listar&selectedPage='+paginaSeleccionada,

datatype: "json",

colNames:[ "<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>", "<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>","<s:text/>",

"<s:text/>","<s:text/>"

],

colModel:[

{name:'idArrivalFlight',index:'idArrivalFlight', width:1, align:'center', hidden:true},

{name:'iataCompanyCode',index:'iataCompanyCode', width:138, align:'center', sortable: false, editoptions:{readonly:true}, editable:true, editrules:{required:true},formoptions:{elmprefix:"(*)"}}, //editable:true sirve para que salga en las ventanas emergentes edit y add

{name:'flightNumber',index:'flightNumber', width:138, align:'center', sortable:false, editoptions:{readonly:true}, editable:true, editoptions:{size:40},editrules:{required:true},formoptions:{ elmprefix:"(*)"}}, //editrules para validaciones

{name:'tailNumber',index:'tailNumber', width:138, align:'center', editable:true, sortable:false,search:false},

{name:'joined',index:'joined', width:138, align:'center',editable:true, sortable:false,editrules:{required:true},formoptions:{ elmprefix:"(*)"},

edittype: 'select', editoptions: { //transforma un campo normal en otro de tipo select

value: objJoined, //lista para el select

dataInit: function (elem) {

var v = $(elem).val(); //valor que se muestra por defecto

}

}

},

{name:'runwayCode',index:'runwayCode', width:138, align:'center', editable:true, sortable:false,search:false,

edittype: 'select', editoptions: { //transforma un campo normal en otro de tipo select

value: objRunway, //lista para el select

dataInit: function (elem) {

var v = $(elem).val(); //valor que se muestra por defecto

}

}

},

{name:'statusCode',index:'statusCode', width:138, align:'center', editable:true, editoptions:{readonly:true}, sortable:false,search:false},

{name:'situationName',index:'situationName', width:138, align:'center', editable:true, editoptions:{readonly:true}, sortable:false},

{name:'flightTypeCode',index:'flightTypeCode', width:138, align:'center', editable:true, sortable:false,editrules:{required:true},formoptions:{elmprefix:"(*)"},search:false,

edittype: 'select', editoptions: { //transforma un campo normal en otro de tipo select

value: objFlightType, //lista para el select

dataInit: function (elem) {

var v = $(elem).val(); //valor que se muestra por defecto

}

}

},

{name:'airportArrivalCode',index:'airportArrivalCode', width:138, align:'center', editable:true, editrules:{required:true},formoptions:{elmprefix:"(*)"}, sortable:false},

{name:'scheduledTime',index:'scheduledTime', width:138, align:'center', editable:true, editoptions:{readonly:true}, editrules:{required:true},formoptions:{elmprefix:"(*)"},sortable:false},

{name:'estimatedTime',index:'estimatedTime', width:138, align:'center', editable:true, editoptions:{readonly:true}, editrules:{required:true},formoptions:{elmprefix:"(*)"},sortable:false,search:false},

 

{name:'cancelCause',index:'cancelCause', width:1, align:'center', hidden:true, editable:true, editoptions:{readonly:true}, sortable:false},

{name:'observation',index:'observation', width:1, align:'center', hidden:true, editable:true, sortable:false,

edittype: 'select', editoptions: {

value: objObservation,

dataInit: function (elem) {

var v = $(elem).val();

}

}

},

{name:'divertAirport',index:'divertAirport', width:1, align:'center', hidden:true, editable:true, editoptions:{readonly:true}, sortable:false},

{name:'scheduled',index:'scheduled', width:1, align:'center', hidden:true, editable:true, editrules:{required:true},formoptions:{elmprefix:"(*)"}, sortable:false},

{name:'stopOver',index:'stopOver', width:1, align:'center', hidden:true, editable:true, sortable:false},

{name:'serviceCode',index:'serviceCode', width:1, align:'center', hidden:true, editable:true, sortable:false,

edittype: 'select', editoptions: {

value: objServiceType,

dataInit: function (elem) {

var v = $(elem).val();

}

}

},

{name:'taxType',index:'taxType', width:1, align:'center', hidden:true, editable:true, sortable:false,

edittype: 'select', editoptions: {

value: objTaxType,

dataInit: function (elem) {

var v = $(elem).val();

}

}

},

{name:'ruleType',index:'ruleType', width:1, align:'center', hidden:true, editable:true, sortable:false,editrules:{required:true},formoptions:{elmprefix:"(*)"},

edittype: 'select', editoptions: {

value: objRuleType,

dataInit: function (elem) {

var v = $(elem).val();

}

}

},

{name:'classCode',index:'classCode', width:1, align:'center', hidden:true, editable:true, sortable:false,

edittype: 'select', editoptions: {

value: objFlightClass,

dataInit: function (elem) {

var v = $(elem).val();

}

}

},

{name:'landingCode',index:'landingCode', width:1, align:'center', hidden:true, editable:true, sortable:false,

edittype: 'select', editoptions: {

value: objLandingType,

dataInit: function (elem) {

var v = $(elem).val();

}

}

},

{name:'airlineParent',index:'airlineParent', width:1, align:'center', hidden:true, editable:true, editoptions:{readonly:true}, sortable:false},

{name:'flightParent',index:'flightParent', width:1, align:'center', hidden:true, editable:true, editoptions:{readonly:true}, sortable:false},

{name:'scheduledParent',index:'scheduledParent', width:1, align:'center', hidden:true, editable:true, editoptions:{readonly:true}, sortable:false},

{name:'airlineAsoc',index:'airlineAsoc', width:1, align:'center', hidden:true, editable:true, editoptions:{readonly:true}, sortable:false},

{name:'flightAsoc',index:'flightAsoc', width:1, align:'center', hidden:true, editable:true, editoptions:{readonly:true}, sortable:false},

{name:'scheduledAsoc',index:'scheduledAsoc', width:1, align:'center', hidden:true, editable:true, editoptions:{readonly:true}, sortable:false}

],

rowNum:20,

pager: '#pageGrid',

sortname: 'Nombre',

viewrecords: true,

sortorder: "desc",

jsonReader: {

root: "rows",

repeatitems : false,

page: "page",

total: "total",

records: "records",

id: "0" //del objeto json, actua como id el primer elemento de rows

},

editurl: '/AODB2/realTime/arrivalFlight/ArrivalFlightUpdate.action',

toolbar: [true,"top"],

caption: "<s:text/> ",

height: '100%',

loadError : function(xhr,st,err) {

alert("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText);

 

//jQuery("#rsperror").html("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText);

},

pgButtons:true,

onPaging: function(pgButton){ //para controlar el numero de pagina en el servidor al paginar

if (pgButton == "next")

{

paginaSeleccionada = paginaSeleccionada*1 + 1;

}

if (pgButton == "prev")

{

paginaSeleccionada = paginaSeleccionada*1 - 1 ;

}

if (pgButton == "first")

{

paginaSeleccionada = 1;

}

if (pgButton == "last")

{

var lastPage = jQuery('#listadoGrid').jqGrid('getGridParam','lastpage');

paginaSeleccionada = lastPage;

}

jQuery('#listadoGrid').setGridParam({'url': '/AODB2/realTime/arrivalFlight/NewArrivalFlight.action?accion=listar&numItemsPerPage='+numItemsPerPage+'&selectedPage='+paginaSeleccionada });

}

});

 

jQuery("#listadoGrid").jqGrid('navGrid','#pageGrid',

{

view: true

}, //options

{

editCaption: "<s:text/>",

msg:{

required:"<s:text/>"

},

modal: true,

top: 1,

left: 400,

height:900,

width:500,

bottominfo:"<s:text/>",

processData: "<s:text/>",

beforeShowForm: function(formid){

jQuery('#tr_cancelCause',formid).show();

jQuery('#tr_observation',formid).show();

jQuery('#tr_divertAirport',formid).show();

jQuery('#tr_scheduled',formid).show();

jQuery('#tr_stopOver',formid).show();

jQuery('#tr_serviceCode',formid).show();

jQuery('#tr_taxType',formid).show();

jQuery('#tr_ruleType',formid).show();

jQuery('#tr_classCode',formid).show();

jQuery('#tr_landingCode',formid).show();

jQuery('#tr_airlineParent',formid).show();

jQuery('#tr_flightParent',formid).show();

jQuery('#tr_scheduledParent',formid).show();

jQuery('#tr_airlineAsoc',formid).show();

jQuery('#tr_flightAsoc',formid).show();

jQuery('#tr_scheduledAsoc',formid).show(); //estos campos se muestra aqui, ventana edit, y se oculta en la ventana add

},

closeAfterEdit: true,

reloadAfterSubmit:true,

afterComplete:processAddEditDelete

}, // edit options

{

addCaption: "<s:text/>",

msg:{

required:"<s:text/>"

},

modal: true,

top: 300,

left: 400,

height:500,

width:500,

bottominfo:"<s:text/>",

processData: "<s:text/>",

beforeShowForm: function(formid){

jQuery('#tr_cancelCause',formid).hide();

jQuery('#tr_observation',formid).hide();

jQuery('#tr_divertAirport',formid).hide();

jQuery('#tr_scheduled',formid).hide();

jQuery('#tr_stopOver',formid).hide();

jQuery('#tr_serviceCode',formid).hide();

jQuery('#tr_TaxType',formid).hide();

jQuery('#tr_RuleType',formid).hide();

jQuery('#tr_classCode',formid).hide();

jQuery('#tr_landingCode',formid).hide();

jQuery('#tr_airlineParent',formid).hide();

jQuery('#tr_flightParent',formid).hide();

jQuery('#tr_scheduledParent',formid).hide();

jQuery('#tr_airlineAsoc',formid).hide();

jQuery('#tr_flightAsoc',formid).hide();

jQuery('#tr_scheduledAsoc',formid).hide(); //este campo se muestra aqui, ventana edit, y se oculta en la ventana add

},

reloadAfterSubmit:true,

afterComplete:processAddEditDelete,

closeAfterAdd: true,

closeOnEscape:true

}, // add options

{

top: 300,

left: 400,

height:150,

width:500,

caption: "<s:text/>",

modal: true,

reloadAfterSubmit:true,

afterComplete:processAddEditDelete,

onclickSubmit : function(eparams) {

var idSel = jQuery("#listadoGrid").jqGrid('getGridParam','selrow'); //idseleccionado

var retarr = {metodo:"borrar", idArrivalFlight:idSel};

return retarr; //es lo que se envia al servidor en lugar getPostData()

}

}, // del options

{

caption: "<s:text/>",

modal: true,

top: 300,

left: 400,

height:400,

width:500,

multipleSearch:true,

closeAfterSearch: true,

closeOnEscape:true,

sopt: ['eq','le','ge'], //opciones de busqueda, nombre corto

groupOps: [ { op: "AND", text: "todo" }]

}, // search options

{

top: 300,

left: 300,

height:320,

width:500,

caption: "<s:text/>"

} //view options

);

Thanks very much