Creando Ventanas con extjs

Desarrollo Extjs 4 on ,

Logo Extjs

Bienvenido al mundo Extjs Mapsoft :D


En este post mostrare como usar la tecnología de Extjs para crear ventanas.

Ext.window.Window
Ext.onReady(function(){
    var win ;
win = Ext.create("Ext.window.Window",{
          title :"Ventana Mapsoft",
          html : "Hola Mundo!! :D", 
          style : "text-align:center", 
          width : 600,
         height: 450 
 }); 
    win.show(); 
});

Ver demo

En el anterior ejemplo se define el componente Ext.window.Window Esta clase de Extjs define el objeto ventana  el cual permite crear un popup o ventana flotante dentro del marco de tu pagina web. Este componente es muy util para mostrar informacion y controlar si la ventana se pueda maximizar o cerrar.  Este componente se pueden definir objetos o items hijos como formularios Paneles , Html , chart etc.

Existen propiedades para el manejo de tamaño de la ventana como “width” o “height” , también propiedades de la clase como  posición x,y ( default mostrara posición central). Tambien es posible añadir el titulo de ventana e iconos “title” e “iconCls”.

El componente window se puede utilizar de madera modal es decir  con la propiedad de la clase  ”modal:true”. Este mostrara en frente y lo de mas componentes atrás de el no se podrán tocar . asi solo el control estaría solamente sobre la ventana mostrada.