eEcho blog

is een halte van de gedachte

Archive for the ‘AJAX’ Category

AutoCompleteTextBox GWT

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 […]

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);

 

Home | info@eecho.info | Voorwaarden | Blog