Client side app (compiling my own widget)

General
1

I have been trying to make an example from the
Vaadin 7 UI Design by Example,
but I can’t make it work ( I can’t see the widget in the page), the class is compiled, the widget is generated as the .js files.
When I try to autocomplete the path of src= with the IDE (Netbeans) after VAADIN/, it is showing my
themes/
 as the only possible path, is it that right?
This is my Web Pages/index.html

<!doctype html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Client Side Application Test</title>
        <script type="text/javascript" src= "VAADIN/widgetsets/org.clientside.ClientsideWidgetset/org.clientside.ClientsideWidgetset.nocache.js" >
        </script>
    </head>
    <body>
        Hola!
    </body>
</html>
2

Hi. I have a couple of questions for clarification.
Are you trying to develop a completely GWT-only application without Vaadin server-side? Or what are you trying to achieve? I’m not familiar with the book so I’m not sure what kind of example you are referring to.

Vaadin application uses a bit more complicated host page where it loads a bootstrap javascript in the host page, which then loads the appropriate widgetset etc.

3

I am trying to do completely client side app, which initiate “with one call to the server” (as far as I understand, after that the server can be shutdown).
These are the only 2 files in the proyect beside the index.html already mentioned

MyEntryPoint.java

[code]
package org.clientside.client

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;
public class MyEntryPoint implements EntryPoint {
@Override
public void onModuleLoad() {
Button button = new Button(“Click Me”);
button.addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent event) {
RootPanel.get().add(new Label(“Thank you for clicking”));
}
});
RootPanel.get().add(button);
}
}
[/code]and ClientsideWidgetset.gwt.xml (this is the one after been compiled by Vaadin that generates the VAADIN/widgetsets/), which is pointed in the index.html

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit
1.7.0//EN" "http://google-web-toolkit.googlecode.com/svn/
tags/1.7.0/distro-source/core/src/gwt-module.dtd">
<module>
<inherits name="com.vaadin.Vaadin" />
<entry-point class="org.clientside.client.MyEntryPoint"/>
</module>
4

What webserver/servlet are you using to serve the html and widgetset?

5

glassfish 4.1.1

6

Hi,

Some things have changed since the book was published. You need to copy the
widgetset
 directory from the
target
 directory into your project source as shown in the attached screenshot.

Also, make sure that your HTML file points to the correct
.nocache.js
 file.
22929.png

7

Thanks!, I knew that something like this was happeing when the path in the index.html couldn’t be scanned and autocompleted