2

I am trying to write simple Vaadin form. I want write text from TextField to Label after user click on Button.

I have this code:

package com.example;

import javax.servlet.annotation.WebServlet;

import com.vaadin.annotations.VaadinServletConfiguration;
import com.vaadin.server.VaadinRequest;
import com.vaadin.server.VaadinServlet;
import com.vaadin.ui.Button;
import com.vaadin.ui.Button.ClickEvent;
import com.vaadin.ui.Label;
import com.vaadin.ui.TextField;
import com.vaadin.ui.UI;
import com.vaadin.ui.VerticalLayout;

public class TestForm extends UI {

    @WebServlet(value = "/TestForm", asyncSupported = true)
    @VaadinServletConfiguration(productionMode = false, ui = TestForm.class)
    public static class Servlet extends VaadinServlet {
    }

    private TextField tf;
    private Label lbl;
    private Button btn;

    @Override
    protected void init(VaadinRequest request) {
        final VerticalLayout layout = new VerticalLayout();
        layout.setMargin(true);
        setContent(layout);

        tf = new TextField("Enter text");
        lbl = new Label();
        btn = new Button("Click");    

        btn.addClickListener(new Button.ClickListener() {
            public void buttonClick(ClickEvent event) {
                lbl.setCaption(tf.getValue());
            }
        });

        layout.addComponent(tf);
        layout.addComponent(btn);
        layout.addComponent(lbl);       

    }
}

But after I click on Button doensn't happen with label, but web browser display error:

Communication problem Take note of any unsaved data, and click here to continue.(SyntaxError) stack: eval@[native code] Jda BR Zc Xc line: 340: Unexpected token '<' - Original JSON-text: html>

What I do bad?

martin
  • 1,707
  • 6
  • 34
  • 62
  • I've created a testing-project and your code works. Is there any stacktrace in the console? – nexus Apr 15 '14 at 06:56
  • Saw nexus' comment after I wrote the answer. Didn't think to try your code myself. A stacktrace would be indeed useful if you have one. – Gabriel Ruiu Apr 15 '14 at 09:48

2 Answers2

3

EDIT The problem is that you had two servlet mappings in your web.xml. I commented out one of them :

web.xml 

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:web="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="vaadinpokus" version="3.0">

  <display-name>vaadintest</display-name>
  <description>...</description>
  <context-param>
      <description>Vaadin production mode</description>
      <param-name>productionMode</param-name>
      <param-value>false</param-value>
  </context-param>
  <servlet>
    <servlet-name>myservlet</servlet-name>
    <servlet-class>com.vaadin.server.VaadinServlet</servlet-class>
    <init-param>
          <param-name>UI</param-name>
          <param-value>com.example.MyVaadinUI</param-value>
    </init-param>
    <async-supported>true</async-supported>
  </servlet>

  <servlet-mapping>
    <servlet-name>myservlet</servlet-name>
    <url-pattern>/*</url-pattern>
  </servlet-mapping>

  <!--<servlet-mapping>
    <servlet-name>myservlet</servlet-name>
    <url-pattern>/VAADIN/*</url-pattern>
  </servlet-mapping>-->
</web-app>

Now it should work. Thank you for sharing your code. It's easier this way to debug apps.

Gabriel Ruiu
  • 2,753
  • 2
  • 19
  • 23
  • I try this, but it still don't work. There is my project code https://dl.dropboxusercontent.com/u/6943408/vaadintest.zip can you please look on that? After I click on button, I get this error https://db.tt/RpWcbMCA – martin Apr 15 '14 at 15:27
  • 1
    I will take a look at it once I get home – Gabriel Ruiu Apr 15 '14 at 15:52
  • I tried to compile project on another computer and use jetty instead of tomcat, but i get the same error :-( – martin Apr 15 '14 at 18:17
  • Thank you, now it works! I must have only one servlet in web.xml or in class. | But how do I make 2 separate pages? In classic JSP I have multiple servlets, in Spring I have multiple controllers. – martin Apr 15 '14 at 20:43
  • I found it - if I need multiple windows, probably best solution is use Navigator https://vaadin.com/book/vaadin7/-/page/advanced.navigator.html – martin Apr 15 '14 at 21:15
0

You should try lbl.setValue instead of lbl.setCaption.

btn.addClickListener(new Button.ClickListener() {
     public void buttonClick(ClickEvent event) {
         lbl.setValue(tf.getValue());
     }
 });
Ajay Yadav
  • 47
  • 9