Question

我有Vaadin自定义布局，我想添加一个JavaScript组件 - jQuery bxSlider。

在我的page1.html上我有列表：

        <div id="slider">
            <ul class="bxslider">
                <li><img src="../img/slide1.jpg" width="1184" height="523"
                    alt=""></li>
                <li><img src="../img/slide1.jpg" width="1184" height="523"
                    alt=""></li>
                <li><img src="../img/slide1.jpg" width="1184" height="523"
                    alt=""></li>
                <li><img src="../img/slide1.jpg" width="1184" height="523"
                    alt=""></li>
            </ul>
        </div>

在我的视图中，我试图执行JS：

CustomLayout cl = new CustomLayout("page1");
....
addComponent(cl);
this.getWindow().executeJavaScript("$(document).ready(function(){$('.bxslider').bxSlider();});");

但没有任何反应 - 图像未包含在滑块中。如何在Vaadin应用程序中运行此JS？

Answer 1

在Vaadin 7：

首先，您需要将库导入文件夹：
的WebContent / VAADIN / JS /的script.js
然后将其包含在带注释的用户界面中：@JavaScript( "vaadin://js/script.js" }) - 用于私有路径示例
需要时执行： JavaScript.getCurrent().execute("myFunction()");

Vaadin具有自定义布局和JavaScript组件

1 个答案: