http://gwt.components.googlepages.com/
How to use it:
final AutoCompleteTextBox box = new AutoCompleteTextBox();
box.setCompletionItems(new SimpleAutoCompletionItems(
new String[]{ “apple”, “ape”, “anything”, “else”}));
Alternatively, you can create your own implementation of CompletionItems interface (see below) to get a list of items using RPC.
Updated 05/27/06. New version is up. Now with AutoCompleteTextArea.
Please […]
Archive for the ‘AJAX’ Category
AutoCompleteTextBox GWT
loading animation bar gif indicator javascript progress script
Many ajax Progress indicators, ajax activity indicators, ajax loading animated gif, ajax loading animated images.
Inspired by the Firefox 1.5 busy icon
Inspired by the Firefox 1.5 busy icon (yellow version)
Inspired by RememberTheMilk (tuned to orange)
Tiny red (original creation)
Black busy (original creation)
Gray busy (original creation)
Green rotate (original creation)
Rotation (big […]
History Bookmarks GWT
To the user, the history token […]
GWT hsqldb
In deze voorbeeld wordt hsqldb gebruikt met jdbc driver omdat met hsqldb
kan een kleine op file gebaseerd database gemaakt worden en ook dat is 100% java oplossing
http://hsqldb.sourceforge.net/doc/guide/ch01.html
http://hsqldb.sourceforge.net/doc/src/org/hsqldb/jdbc/jdbcConnection.html
http://www.cs.unc.edu/Courses/wwwp-s98/members/thornett/jdbc/
http://java.sun.com/docs/books/tutorial/jdbc/index.html
Hier is te vinden hoe moet een hsqldb geconfigureerd worden met eclipse
http://www.rockhoppertech.com/resources/eclipse-hsqldb/index.html
Meer informatie over jdbc connector en mysql
http://www.developer.com/java/data/article.php/3417381
Werkwijze nieuwe eclipse project voor GWT
Tutorial eclipse https://eclipse-tutorial.dev.java.net/eclipse-tutorial/part1.html
Maak een project
./projectCreator -ant dir -out /home/db_test/ -eclipse dir -overwrite
Maak een applicatie.
$ ./applicationCreator -out /home/db_test/ -eclipse dbTest -overwrite com.eEcho.client.dbTest
Importeer project in worspace van eclipse.
Existing projects into Workspace screen in Eclipse through the File | Import
menu. Select the /home/db_test/ directory as the root folder
Opmerking:
Workspace van eclipse en project […]
projectCreator eclipse gwt
Het is mogelijk uw applicatie uitbreiden met eclipse ondersteuning.
./projectCreator -eclipse webArchiver -out /home/archiver/ -ignore
Deze opdracht zal een nieuwe project aanmaken voor eclipse.
Dan kan het gemakkelijk geïmporteerd worden.
Google web toolkit source
Op deze pagina kunt u door bron van google web toolkit (GWT) bladeren.
http://code.google.com/p/google-web-toolkit/source/browse
gwt-dnd
Library providing easy to use drag-and-drop capabilities to Google Web Toolkit (GWT) projects.
Getting started with your own drag-and-drop projects
Read the wiki here: http://code.google.com/p/gwt-dnd/wiki/GettingStarted
http://code.google.com/p/gwt-dnd/
TreeItem GWT
The TreeItem widget is a branch for a Tree widget
class Demo extends Composite
{
public Demo()
{
Tree tree = new Tree();
initWidget(tree);
TreeItem outerRoot = new TreeItem(”Item 1″);
[…]
Tree GWT
The Tree widget lets you display hierarchical data
class Demo extends Composite
{
public Demo()
{
Tree tree = new Tree();
initWidget(tree);
TreeItem outerRoot = new TreeItem(”Item 1″);
[…]
ToggleButton GWT
The ToggleButton widget is a latching PushButton
ToggleButton widget = new ToggleButton(”Click Me”, “And Again To Release”);
widget.setStylePrimaryName(”demo-ToggleButton”);
TextBox GWT
The TextBox widget lets the user input a single line of text
TextBox widget = new TextBox();
widget.addStyleName(”demo-TextBox”);
widget.setWidth(”200px”);
TextBox GWT
The TextArea widget is a multi-line TextArea
TextArea widget = new TextArea();
widget.addStyleName(”demo-TextArea”);
widget.setWidth(”200px”);
TabBar GWT
The TabBar is the top bit of a TabPanel that you can use yourself
TabBar widget = new TabBar();
public void buildPage()
{
widget.addStyleName(”demo-TabBar”);
widget.addTab(”First”);
widget.addTab(”Second”);
widget.addTab(”Third”);
widget.addTab(”Fourth”);
widget.addTab(”Fifth”);
widget.selectTab(0);
widget.addTabListener(this);
[…]
SuggestBox GWT
The SuggestBox suggests possible choices that fit what has been typed
public void demo()
{
VerticalPanel panel = new VerticalPanel();
SuggestBox suggestbox = new SuggestBox(createCountriesOracle());
panel.add(new Label(”Enter Country”));
panel.add(suggestbox);
panel.addStyleName(”demo-panel-padded”);
RootPanel.get(”demo”).add(panel);
}
MultiWordSuggestOracle createCountriesOracle()
{
MultiWordSuggestOracle oracle = new […]
RichTextArea GWT
The RichTextArea is an area where rich text can be created
// Get formatters - will be null if not available
final ExtendedFormatter ef = rta.getExtendedFormatter();
final BasicFormatter bf = rta.getBasicFormatter();
// Main container panel
VerticalPanel panel = new VerticalPanel();
panel.addStyleName(”demo-panel-padded”);
// Add the RichTextArea
panel.add(rta);
panel.setCellWidth(rta, “100%”);
rta.setWidth(”100%”);
// Create a button box and add it to the main panel
HorizontalPanel buttons = new HorizontalPanel();
panel.add(buttons);
panel.setCellWidth(buttons, “100%”);
// […]
RadioButton GWT
The RadioButton is lika a button on a radio - you can select one at a time
VerticalPanel panel = new VerticalPanel();
panel.addStyleName(”demo-panel-padded”);
panel.add(new RadioButton(”group”, “One”));
panel.add(new RadioButton(”group”, “Two”));
panel.add(new RadioButton(”group”, “Three”));
PushButton GWT
The PushButton is a styleable button
PushButton widget = new PushButton(”Click Me”, “Get Off!”);
widget.setStylePrimaryName(”demo-PushButton”);
PushButton()
Constructor for PushButton.
PushButton(Image upImage)
Constructor for PushButton.
PushButton(Image upImage, ClickListener listener)
Constructor for PushButton.
PushButton(Image upImage, Image […]
MenuItem GWT
The MenuItem is a clickable widget which fires a command, or opens another menu
// A command for general use
Command command = new Command()
{
public void execute()
{
Window.alert(”Command Fired”);
}
};
// Top-level menu
MenuBar menutop = new MenuBar();
menutop.addStyleName(”demo-MenuItem”);
// Item to fire […]
MenuBar GWT
The MenuBar is a holder for MenuItem widgets
MenuBar widget = new MenuBar();
widget.addStyleName(”demo-MenuBar”);
widget.addItem(”Fire Command”,command);
widget.addItem(”Command: Fire!”,command);
widget.addItem(”Execute”,command);
