¿Cómo utilizar GwtExt?

Tamaño de fuente: uso grande, mediano y pequeño Desarrollo GWT-Ext2.0

Se ha lanzado Ext2.0 en comparación con 1.1, se han realizado muchos cambios en el modelo de componentes. una estructura predeterminada, agregando muchos componentes nuevos. Gwt-Ext también ha lanzado una versión correspondiente para la actualización de Ext2.0. La dirección DEMO es: /demo/ El efecto es bastante bueno. Configuremos el proyecto Eclipse de Gwt-Ext2.

* Descargar Gwt-Ext2 y Ext2

Gwt-ext /p/gwt-ext/ Extjs: /download

* Crear un proyecto Gwt estándar y crear uno nuevo Módulo A. (Ver:/blog/static/11751105200710834218918/)

* Agregar al archivo XML del Módulo

lt; hereda name='com.gwtext.GwtExt'/gt; p>

* Crear una nueva carpeta js/ext en el directorio público

* Combinar los directorios de adaptador y recursos en el Ext2 descargado, así como ext-all.js y ext-core.js Copie el archivo JS al directorio ext que acaba de crear.

* Modificar el archivo HTML de entrada del módulo

* Agregar el siguiente contenido

lt link rel="stylesheet" type="text/css" href= "js /ext/resources/css/ext-all.css"/gt;

lt; enlace rel="stylesheet" type="text/css" href="js/ext/resources/css /xtheme -gray.css" /gt;

lt; script type="text/javascript" src="js/ext/adapter/yui/yui-utilities.js"gt; lt; /scriptgt ;

lt;script type="text/javascript" src="js/ext/adapter/yui/ext-yui-adapter.js"gt;lt;/scriptgt;

lt ;script type="text/javascript" src="js/ext/ext-all.js"gt;lt;/scriptgt;

Modificarlt;bodygt;label

lt ;body class="xtheme-gray"gt;

Incluso si GWT-EXT2 está configurado, debe recordar agregar -Xmx128m cuando se ejecuta.

Seleccione Ejecutar como -gt; Abra el cuadro de diálogo Ejecutar, busque el nombre del proyecto GWT en la aplicación Java, selecciónelo y cambie a la pestaña Argumentos, ingrese -Xmx128m (o asigne más memoria) en los argumentos de la VM y guárdelo para ejecutarlo.

Lo siguiente se prueba con un fragmento de código en ShowCase2 de Gwt-Ext2:

/*

* Biblioteca de widgets GWT-Ext

* Copyright(c) 2007-2008, GWT-Ext

* licensing@gwt-ext.com

*

* /licencia

*/

importar com.google.gwt.core.client.EntryPoint

importar com.google.gwt.user.client.ui.RootPanel; /p>

importar com.gwtext.client.widgets.CycleButton;

importar com.gwtext.client.widgets.Panel

importar com.gwtext.client.widgets; .event. CycleButtonListenerAdapter;

importar com.gwtext.client.widgets.menu.CheckItem;

clase pública CycleButtonSample implementa EntryPoint {

public void onModuleLoad() {

p>

Panel panel = nuevo Panel();

panel.setPaddings(5);

panel.setBorder(false); /p>

// crea un CycleButton

botón CycleButton = new CycleButton();

button.setShowText(true

button.setPrependText); ("Ver como ");

//agregar CheckItem al botón CycleButton

.addItem(new CheckItem("solo texto", verdadero)); > button.addItem(new CheckItem( "HTML", false));

//Registrar cambios en los elementos de verificación

button.addListener(new CycleButtonListenerAdapter() {

public void onChange(CycleButton self, elemento CheckItem) {

System.out.println(item.getText() " seleccionado.");

}

});

panel.add(botón); /p>

RootPanel.get().add(panel

}

}