Ajouter javascript / Jquery & amp; code côté client dans Vaadin 7

J'ai 3 questions:

  1. Chaque et chaque action dans Vaadin fait un appel au serveur. est-il un moyen pour éviter les appels vers le serveur pour chaque action? comme avoir un code côté client pour les particuliers qui est utilisé à de nombreuses reprises? Comme dans CSValidation add-on.
  2. Je veux savoir comment ajouter du code Javascript/JQuery dans Vaadin 7. Il semble facile de Vaadin 6. Mais, je ne pouvais pas le faire fonctionner dans Vaadin 7. J'espère qu'il aurait fait, il est maintenant plus facile. Quelqu'un peut-il me montrer quelques exemples à ce sujet. Si c'est JQuery, Il va m'aider beaucoup.
  3. Et

    Javascript.getCurrent().execute("");

'exécuter javascript" ou "ajouter un script spécifié" dans le code. Sera-ce de m'aider à résoudre mon 2ème question?

source d'informationauteur Gugan

  1. 15

    1) Chaque action dans Vaadin fait un appel au serveur. Est-il un moyen pour éviter les appels vers le serveur pour chaque action? comme avoir un code côté client pour les particuliers qui est utilisé à de nombreuses reprises? Comme dans CSValidation add-on.

    Cela dépend du code côté client. Vaadin est construit avec un modèle de programmation côté serveur, mais si vous avez besoin de limiter la quantité d'appels vers le serveur, vous devez le faire vous-même. Vaadin 7 fait qu'il est relativement plus facile d'inclure des bibliothèques tierces comme il était dans Vaadin 6.

    2) je veux savoir comment ajouter du code Javascript/JQuery dans Vaadin 7. Il semble facile
    dans Vaadin 6. Mais, je ne pouvais pas le faire fonctionner dans Vaadin 7. J'espère qu'ils
    il aurait été plus facile maintenant. Quelqu'un peut-il me montrer quelques exemples
    au sujet de cette. Si c'est JQuery, Il va m'aider beaucoup.

    Ici, vous avez un bon tutoriel sur la façon d'intégrer jQuery avec Vaadin 7: http://java.dzone.com/articles/integrating-html-and-0

    Essentiellement, il va sur la création d'un JavascriptExtension classe, c'est la partie principale de la solution:

    @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
}

    Le chemin peut être une URL ou un chemin interne à la bibliothèque jQuery.

    3) 'exécuter javascript" ou "ajouter un script spécifié" dans le code.

    L'extrait de code suivant sera exécuté, comme indiqué dans le Livre de Vaadin 7 (https://vaadin.com/book/vaadin7/-/page/advanced.javascript.html)

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

    Le JavaScript est exécuté après la demande de serveur qui est actuellement
    traitées retourne. (...)

    Je dirais pour vous de prendre un bon coup d'oeil au Livre de Vaadin. Il contient beaucoup de renseignements importants qu'il est généralement utile de résoudre la plupart des problèmes qui surviennent lorsque l'on travaille avec Vaadin.

  2. 3

    Je ne suis pas expert de Vaadin Cadre...

    Je peux vous dire que votre Question n ° 3 est à exécuter JavaScript les commandes par le biais de..

    Vous pouvez également exécuter jQuery commande par le biais de..

    Mais pour cela vous devez avoir jQuery inclus dans la page..

    pour la Question 1: je peux dire qu'il est possible, comme Vaadin la fonctionnalité qui remplace la fonction..

    JavaScript.getCurrent().addFunction("com.example.foo.myfunc",
                                    new JavaScriptFunction() {
    @Override
    public void call(JSONArray arguments) throws JSONException {
        Notification.show("Received call");
    }
});

Link link = new Link("Send Message", new ExternalResource(
        "javascript:com.example.foo.myfunc()"));

    Maintenant, en l'absence de code de prise en charge, vous devez identifier le réel du plugin en fonction de l'acheminement d'un appel vers le serveur lors de chaque action.
    Assurez-vous que si vous remplacez la fonction.. vous aurez besoin de cette fonctionnalité à un certain point.. afin de ne pas surcharger la fonction requise....

    La Question 2,

    oui le jQuery est disponible avec vaadin, reportez-vous forum

    il est dit que vous pouvez appeler jQuery directement comme ceci $wnd.JQuery

    J'espère que cela vous aidera...