在Vaadin 7中添加javascript / jquery和客户端代码

Question

我有3个问题：

1. Vaadin中的每个动作都会调用服务器。有没有一种方法可以避免对每个操作调用服务器？像在客户端拥有用于多次执行的特定操作的代码？就像在CSValidation附加组件中一样。

2. 我想知道如何在Vaadin 7中添加Javascript / JQuery。在Vaadin 6中似乎很容易。但是，我无法在Vaadin 7中使其正常工作。我希望他们现在能使它变得更容易。谁能给我展示一些与此有关的例子。如果是JQuery，它将对我有很大帮助。

3. 而且也会

Javascript.getCurrent（）。execute（“”）;

在代码中“执行javascript”或“添加指定脚本”。这会帮助我解决第二个问题吗？

Answer 1

1）Vaadin中的每个动作都会调用服务器。有没有一种方法可以避免对每个操作调用服务器？像在客户端拥有用于多次执行的特定操作的代码？就像在CSValidation附加组件中一样。

这取决于客户端代码。Vaadin是使用服务器端编程模型构建的，但是如果您需要限制服务器调用的数量，则需要您自己进行。通过Vaadin 7，与使用Vaadin
6相比，包含第三方库相对容易一些。

2）我想知道如何在Vaadin 7中添加Javascript / JQuery。在Vaadin 6中似乎很容易。但是，我无法在Vaadin
7中使其正常工作。我希望他们现在能使它变得更容易。谁能给我展示一些与此有关的例子。如果是JQuery，它将对我有很大帮助。

在这里，您有一个很好的教程，介绍了如何将jQuery与Vaadin
7集成：http :
//java.dzone.com/articles/integrating-html-
and-0

它基本上是关于创建JavascriptExtension类的，这是解决方案的主要部分：

@JavaScript({ "https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" })
public class JavascriptJQueryExtension extends AbstractJavaScriptExtension {
    ... // Please see the link above for an example of implementation
}

该路径可以是URL或jQuery库的内部路径。

3）在代码中“执行javascript”或“添加指定脚本”。

如Vaadin
7之书（https://vaadin.com/book/vaadin7/-/page/advanced.javascript.html）所述，将执行以下代码段

// Shorthand
JavaScript.getCurrent().execute("alert('Hello')");

在当前处理的服务器请求返回后，将执行JavaScript。（…）

我建议您仔细阅读《瓦丹经》。它包含许多重要信息，这些信息通常有助于解决使用Vaadin时出现的大多数问题。