Как загрузить функцию js после загрузки страницы в Vaadin

Question

Im пытается загрузить мой тег скрипта или некоторую функцию jquery после того, как страница полностью загружена в vaadin. Я использую аннотацию javascript для загрузки моих внешних js. @JavaScript ("vaadin: //themes/custom/resources/js/custom.js");

Есть ли какой-либо выход для вызова функции js после загрузки страницы или dom-объекта, созданного в html.

Answer 1

Согласно the docs, добавьте следующий код в ваш custom.js

$(document).ready(function() { 
    //call your function 
}); 

Answer 2

Да, есть. Попробуйте этот подход:

import com.vaadin.ui.JavaScript; 
...  
StringBuilder script = new StringBuilder(); 
script 
    .append("var head = document.getElementsByTagName('head')[0];") 
    .append("var script = document.createElement('script');") 
    //...do other stuff to set up the "script" tag (add content, source, whatever) 
    .append("head.appendChild(script);"); 
JavaScript.getCurrent().execute(script.toString()); 

Если вы сделаете это до полной загрузки страницы, тогда все будет хорошо. Но если вы захотите сделать это после факта (через какое-то событие или прослушиватель кликов), вам также придется использовать push Vaadin, чтобы направить его на JavaScript для клиента. Как так:

import com.vaadin.ui.UI; 
... 
UI.getCurrent().access(new Runnable() 
{ 
    @Override 
    public void run() 
    { 
     //code from above that leads to JavaScript.getCurrent().execute(...) 
     UI.getCurrent().push(); 
    } 
}); 

И конечно же, это предполагает, что вы нажим включена в приложение Vaadin. Ссылка https://vaadin.com/book/-/page/advanced.push.html