Posts

GXT 3 ComboBox event handler for changing the field value on selection - Solution

comboInstance.addSelectionHandler(new SelectionHandler (){ @Override public void onSelection(SelectionEvent event) { //fire events if boolean fireEvents is true and value is new comboInstance.setValue(event.getSelectedItem(), true); } }); comboInstance.addValueChangeHandler(new ValueChangeHandler (){ @Override public void onValueChange(ValueChangeEvent event) { //TODO Enter the code or method call here you want carried out once the user makes a selection } }); For more background on the implementation of the event handlers on the ComboBox; http://www.sencha.com/forum/showthread.php?160547-%28Beta%29-ComboBox-issues&p=779655&viewfull=1#post779655

How to find and install the GWT Development Plugin from the Chrome Store

The GWT Development Plugin for chrome is now accessible from the google chrome store; https://chrome.google.com/webstore/detail/gwt-developer-plugin/jpjpnpmbddbjkfaccnmhnkdgjideieim Up until recently the Gwt Chrome plugin hadn't been accessible from the chrome store search function. So I had to install the plugin manually using this work around Curtosey of is...@google.com; Quick fix that might help: 1. right click on the chrome icon>Properties>Shortcut 2. add in target: --enable-easy-off-store-extension-install 3. open chrome and navitage to extensions ( chrome://chrome/extensions/ ) 4. drag and drop on it the plugin (should be in your download folder if you tried to install it before and didn't succeed) I Just found out today despite having the plugin installed I was getting a GWT plugin not installed message in chrome. I had to uninstall the GWT developer plugin and then go to the store to look for the plugin. Once again gain I could not find it in th

Gxt 3 Theme Guide - Setup a customised theme in Ext GWT 3

1. setup a Gxt project follow the setup instructions,  click here for GXT 3 Getting Started guide ; 2. Copy and rename the 'blue' theme folder From the unzipped gxt download navigate to; src\gxt\com\sencha\gxt\theme  duplicate the folder "blue" and rename it to "modified" 4. import the "modified" folder into your project 4a. (optional) Find and replace in files all occurrances of "com.sencha.gxt.theme.blue" in the source code com.sencha.gxt.theme.blue with com.theme.mod.client.modified (assuming your project package name is com.theme.mod and that you have a directory called"modified" that you are importing into the client package) choose file system import option and under file type select all and add to it, gif,png You'll probably see errors in each imported packages, because the pacakge declaration won't match the name of your project. So, search and replace in files the package declaration in

How to setup GXT 3 examples, samples and demos

Here's how I got the examples that come with GXT 3 working, in six simple steps! 1. Setup a GXT 3 app Setup your Gxt app as shown in the previous post on this blog; Quick Setup for GXT 3 . 2. Add additional jars In addition to the gxt jar there are several other jars that need to be added to the build path; gxt-3.0.0.jar gxt-chart-3.0.0.jar gxt-legacy-3.0.0.jar uibinder-bridge-2.4.0.jar gwt-dev.jar gin-1.5-post-gwt-2.2.jar guice-3.0.jar json-org.jar javax.persistence.jar javax.inject.jar That will fix all of the errors except for 2 in the file Folder.java, (I'm not sure how to fix that one yet, answers on a post card please. I tried using the  javax.persistence.jar from J2EE / Glassfish modules but this didn't fix it for me, so I just had the methods with errors return null ). 3. Import the examples Select the src folder in your project (eclipse), select "file import" navigate to the examples-src folder inside the gxt 3 download and se

Getting Started: Quick Setup for GXT 3 (includes reset.css link how to)

Image
STEP 1 -> Create a Google Web Application Project project within Eclipse. 1a. Get Ext GWT Download the latest Ext GWT release http://www.sencha.com/products/gxt/download/ (Note: GXT 3.X requires GWT 2.4+.) 1b. Get GWT Running For detailed instructions for getting started with the GWT SDK: https://developers.google.com/web-toolkit/gettingstarted For a quick start guide for the Google Plugin for Eclipse: https://developers.google.com/eclipse/docs/getting_started 1c. Create a User Defined Library Select Windows > Preferences and select Java > Build Path > User Libraries in the preference tree. Click New and type "GXT" into the User library name field. Make sure your new library is selected and click "Add JARs". Navigate to the root folder of the Ext GWT download and add the "gxt.jar" file. Click OK. (Optional; If you prefer seeing jars in the build path rather than a user library, you can just click "Add External JARs&qu

Resizable JOptionPane Code Snippet

//1 great tip to make JOptionPane resizable //put HierarchyListener on the component that will be used as the message for the JOptionPane myPanel.addHierarchyListener(new HierarchyListener() { public void hierarchyChanged(HierarchyEvent e) { //when the hierarchy changes get the ancestor for the message Window window = SwingUtilities.getWindowAncestor(myPanel); //check to see if the ancestor is an instance of Dialog and isn't resizable if (window instanceof Dialog) { Dialog dialog = (Dialog)window; if (!dialog.isResizable()) { //set resizable to true dialog.setResizable(true); } } } });

Extjs4 First Look Review

A really great resource when migrating to Extjs4, and to anyone new to Extjs in general this would be a great place to start. As a pre-release reviewer of this book I can tell you there's stuff in there at the time of reading wasn't readily available on the web. I recommend this when developing in Extjs4 for newbies as it compact a lot of highly useful information into one place. Get Extjs4 First Look on Amazon