Hola, estoy utilizando jqgrid para mostrar una tabla con datos, en la parte inferior tiene una barra de navegación con los botones añadir, editar, buscar, ..., en los que se supone que al pinchar se abre una ventana emergente con los campos de un formulario, que son los campos de la tabla. Estoy siguiendo la demo de jquery pero no consigo que al abrirse la ventana emergente se muestren los campos, me sale únicamente los botones submit y cancel, pero ningún campo. Mi código javascript es el siguiente:
































$(document).ready(function()
{

listarPuertas();

});




var numItemsPerPage = '';
var paginaSeleccionada = '';

function listarPuertas()
{
jQuery("#listadoGrid").jqGrid({
url:'/AODB2/maintenance/gate/NewGate.action?accion=listar&numItemsPerPage='+numItemsPerPage+'&selectedPage='+paginaSeleccionada,
datatype: "json",
colNames:['Codigo','Nombre', 'Descripcion', 'TipoPuerta','Zona','Stand'],
colModel:[
{name:'Codigo',index:'Codigo', width:110, align:'center'},
{name:'Nombre',index:'Nombre', width:160, align:'center'},
{name:'Descripcion',index:'Descripcion', width:200, align:'center'},
{name:'TipoPuerta',index:'TipoPuerta', width:120, align:'center'},
{name:'Zona',index:'Zona',width:110,align:'center'},
{name:'Stand',index:'Stand', width:120, align:'center'}
],
rowNum:2,
rowList:[2,4,8],
pager: '#pageGrid',
sortname: 'Codigo',
viewrecords: true,
sortorder: "desc",
jsonReader: {
root: "rows",
repeatitems : false,
id: "Codigo"
},
//editurl: '/AODB2/maintenance/gate/EditDialogGate.action?codigoGate=79',
caption: "Puertas",
height: '100%'

});

jQuery("#listadoGrid").jqGrid('navGrid','#pageGrid',
{}, //options
{height:280,reloadAfterSubmit:false}, // edit options
{height:280,reloadAfterSubmit:false}, // add options
{reloadAfterSubmit:false}, // del options
{} // search options
);

}





























Si alguien puede decirme qué demonios me falta, se lo agradecería mucho, porque estoy muy perdida. Muchas gracias, un saludo