Cómo centrar la ventana modal emergente de jqGrid
& lthtml xmlns = " CodeGo.net
& lthead & gt p>
& 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"
}); p>
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; p>