Red de conocimiento informático - Material del sitio web - Cómo centrar la ventana modal emergente de jqGrid

Cómo centrar la ventana modal emergente de jqGrid

El siguiente código va a la ventana central. Código de muestra de Oleg. Si la altura de la mesa cambia, no quedará centrada. El caso de prueba reproduce el problema del formulario no centrado. Pasos para reproducir: abra la página en IE9, abra la vista de la fila de prioridad y haga clic en el botón de la fila inferior de la ventana de vista para abrir la segunda fila. Observador: La ventana de visualización no está enfocada y el contenido subyacente no es visible ni accesible. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES " " CodeGo.net

& lthtml xmlns = " CodeGo.net

& lthead & gt

& ltmeta/& gt;

& ltlink rel = " hoja de estilo " type = " texto/CSS " href = " CodeGo.net/>

& ltlink rel = " hoja de estilo " tipo = " texto/CSS " href = " CodeGo.net/>

& ltlink rel = " hoja de estilo " tipo = " texto/CSS " href = " CodeGo.net/ >

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " texto/JavaScript " src = " CodeGo.net

& ltscript type = " texto/JavaScript " & gt;

$(documentación).

ready(function() {

jquery . extend(jquery . jgrid . view, {

recreateForm: Sí,

Paisaje final: Sí,

Ancho: 0,96 * ancho de pantalla,

beforeShowForm: función ($form) {

$ formulario . " px " });

$form.find("td.DataTD") cada(función () {

var $this = $(this), html = $ this .html();//<span & gt& lt/span>.

if (html.substr(0, 6) = " "){

$(esto). html(html . substr(6));

}

$this.children("span"). Desbordamiento: "auto",

" texto -align": "heredar", // sobrescribir 'text-align: "right " '

Pantalla: "bloque en línea"/ *,

"Altura máxima":" 100px "*/

});

});

//"Lista de modos de edición "

var dlgDiv = $(" # ver mod "+$(' # lista ')[0].

id);

var padre div = DLG div(); // div#gbox_list

//var DLG ancho = DLG div();

//var ancho principal = ancho div principal();

alto DLG = altura div DLG();

var parenthoot = alto div (). ;

// TODO: En el caso de la cuadrícula, cambie parentWidth y corchetes

//Más grande que la ventana del navegador

dlgDiv[0].style .top = Math.round((bracket-DLG height)/2)+" px ";

//DLG div[0]. 2)+" px ";

}

});

var mydata = [

{ id: "1", invdate: "2007-10-02", nombre: "fila 1", nota: "nota 2", monto: "300.00", impuesto: "20.00", total: "320.00"},

{id: "2", invdate: "2007-10-02", nombre: "clic\ni\n\n\n\n\n\n\n\n\n\n\n\ n\n\ n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nAumentar la altura del formulario Haga clic en mí para aumentar la altura del formulario prueba 2 sdfsdfsd dfksdfkj sdfjksdfksdfjk SDK

];

var grid = $(" # list ");

grid.jqGrid({

Datos: mydata ,

Tipo de datos: "local",

Modelo de columna: [

{nombre: 'id ', índice: 'id ', clave: verdadero, ancho: 70, tipo de clasificación: "int"},

{Nombre: 'Fecha no válida', Índice: 'Fecha no válida', Ancho: 90, Tipo de clasificación: "Fecha", OK editar: verdadero},

{nombre: 'nombre ', índice: 'nombre ', estilo: 'ancho: "20px " ', editable: verdadero, tipo de edición: 'área de texto ',

Ajuste de línea: "on",

editoptions: { wrap: "on",

Estilo: [Ancho: 30px]

}

} ,

{nombre:'cantidad ', índice: 'cantidad ', ancho:80, alineación: "derecha ", tipo de clasificación: "flotante ", editable: verdadero},

{ nombre:'impuesto ', índice: 'impuesto ', ancho: 80, alineación: "derecha ", tipo de clasificación: "flotante ", editable: verdadero},

{nombre:' total ', índice: ' total ', ancho: 80, alineación: "derecha", tipo de clasificación: " flotante ", editable: verdadero},

{nombre: 'preparación

Nota', Índice: 'Observaciones', Ancho: 150, Ordenable: false}

],

Buscapersonas: "#pager",

Núm.fila: 10 ,

Lista de filas: [5, 10, 20, 50],

Nombre de ordenación: 'id',

Orden de ordenación: "asc",

p>

viewrecords: true,

Altura: "100%",

Título: "Personalizar la navegación de la barra de herramientas superior"

});

grid.jqGrid('navGrid ', ' #pager ', {add:false, del:false, buscar:false, actualizar:false, editar: false, ver:true});

p>

});

& lt/script & gt;

& lt/head & gt;

& ltbody style=" desbordamiento: oculto " >

& lttable id="list " >& lttbody & gt& lttr & gt& ltTD/>;& lt/tr & gt;& lt/tbody & gt;& lt/table & gt;

& ltdiv id = " buscapersonas "/& gt;

& lt/body & gt;

& lt/html & gt;