3.5.17.3. ScreenDependencyUtils
为当前界面或者界面片段添加诸如 CSS、JavaScript 或者 HTML 依赖的简单方法就是使用 ScreenDependencyUtils
帮助类。可以从下列源中获取依赖:
WebJar 资源 - 以
webjar://
开头放置在 VAADIN 文件夹的文件 - 以
vaadin://
开头Web 资源 - 以
http://
或https://
开头
该帮助类有以下方法可以用来添加或者获取依赖:
setScreenDependencies
- 设置依赖列表addScreenDependencies
- 添加多个依赖的路径addScreenDependency
- 添加单个依赖路径List<ClientDependency> getScreenDependencies
- 返回已经添加的依赖列表。
下面的例子中,为登录界面添加了一个 CSS 文件:
protected void loadStyles() {
ScreenDependencyUtils.addScreenDependency(this,
"vaadin://brand-login-screen/login.css", Dependency.Type.STYLESHEET);
}
结果会在界面的 header 中添加下列 import:
<link rel="stylesheet" type="text/css" href="http://localhost:8080/app/VAADIN/brand-login-screen/login.css">
添加的 CSS 文件只作用在登录界面: