Red de conocimiento informático - Aprendizaje de programación - Cómo adaptarse a la altura del diseño easyui

Cómo adaptarse a la altura del diseño easyui

ancho var = $(ventana). ancho()-80;

var alto = $(ventana). altura()-120;

stView _ diseño = $(' # stView _ diseño '). diseño({

ancho:ancho,

alto:alto

});

station_view = $('#stationView ') . ventana({

título: "Navegación de la estación",

izquierda: 50,

arriba: 80,

ancho: ancho,

Modo: falso,

Sombra: falso,

Cerrar: verdadero,

Alto: alto,

onResize:function(w, h){

if(stView_treegrid){

stView_treegrid.treegrid({

Ancho: w-20,

Altura: h-260

});

}

}

});

}); p>

Al cargar una página y cambiar el tamaño del navegador, existe un método onsize que cambia el tamaño de los componentes en la ventana. El área de la página principal cargará cada página de pestaña, que también está asignada a una acción o al reenviador de página de fondo de springmvc. Esta página también requiere componentes para cambiar el tamaño de la ventana.

$(ventana). resize(function(){

var ancho = $(ventana).width()-20;

var alto = $(ventana).height()-30;

p>

grid.datagrid('resize ', {

ancho:ancho,

alto:alto

});

});

Ajuste el tamaño de cada cuadrícula en la subpágina (etiqueta cargada) de acuerdo con el método anterior, etc.