VAADIN - Taste | Implementieren in HTML Layout-Skript

Question

Gibt es eine Möglichkeit, eine Vaadin-Schaltfläche in einem HTML-Skript zu verwenden?

Id wie die folgende Schaltfläche

sollte

Button button_login = ew Button(); 
button_login.setID("buttonlogin"); 

und diese Taste implementieren

<div data-location="buttonlogin"></div> 

(nur eine Idee)

so im folgenden Skript werden verwenden. eine idee, den button im html-script zu binden?

Vielen Dank!

Answer 1

Ich bin mir ziemlich unsicher, was Sie unter html Skript verstehen. Wenn es etwas ist, das Sie mit JavaScript erreichen können, dann ist hier mein Versuch.

Allgemeinen JavaScript auf die Schaltfläche klicken

Button js = new Button("Do JavaScript"); 
js.addClickListener(click -> { 
    com.vaadin.ui.JavaScript.getCurrent().execute("alert(´Hello´)"); 
}); 

Wenn in Not verwenden externe .js Dateien, zum Beispiel hello.js, Inhalte unter

function hello() { 
    alert("Hello JavaScriptWorld!"); 
} 

hello.js Unter der Annahme, befindet sich direkt unter /VAADIN/ Verzeichnis auszuführen, fügen Sie folgende Anmerkung zu Ihrer UI oder relevanten Komponente Klasse

@JavaScript({"vaadin://hello.js"}) // all paths must be relative to /VAADIN 

Dann in ClickListener Sie function hello() wie

com.vaadin.ui.JavaScript.getCurrent().execute("hello()");