Vaadin Web应用开发教程(9):UI组件-Link
2012-08-05 17:49
447 查看
组件Link为超链接。指向一个外部资源。 Link实际为一HTML 链接<a href>。和Button 不同的是,Link 不会在服务器端触发一个事件。你也可以使用setIcon 为Link添加一个图标:
// Textual link Link link = new Link("Click Me!", new ExternalResource("http://vaadin.com/")); ... // Image link Link iconic = new Link(null, new ExternalResource("http://vaadin.com/")); iconic.setIcon(new ThemeResource("img/nicubunu_Chain.png")); // Image + caption Link combo = new Link("To appease both literal and visual", new ExternalResource("http://vaadin.com/")); combo.setIcon(new ThemeResource("img/nicubunu_Chain.png"));
上面代码显示结果如下:
打开超链接时可以支持超链接打开的目标模式(Target),可以通过setTargetName 来指定,比如 _blank 在新窗口中显示超链接。 此外,可以通过setTargetWidth, setTargetHeight, setTargetBorder 指定显示窗口的大小和边框。如下面代码:
// Open the URL in a popup link.setTargetName("_blank"); link.setTargetBorder(Link.TARGET_BORDER_NONE); link.setTargetHeight(300); link.setTargetWidth(400);除Link组件之外,Vaadin也可以通过Button (使用Reindeer.BUTTON_LINK风格)来定义一个超链接,也可以使用XHTML 模式使用Label来显示一个超链接。
相关文章推荐
- Vaadin Web应用开发教程(12):UI组件-PasswordField
- Vaadin Web应用开发教程(18):UI组件-Table 组件
- Vaadin Web应用开发教程(7):UI组件概述
- Vaadin Web应用开发教程(23):UI组件-Form组件
- Vaadin Web应用开发教程(26):UI组件-LoginForm组件
- Vaadin Web应用开发教程(24):UI组件-ProgressIndicator组件
- Vaadin Web应用开发教程(17):UI组件-Select 组件
- Vaadin Web应用开发教程(20):UI组件-MenuBar组件
- Vaadin Web应用开发教程(14):UI组件-DateField
- Vaadin Web应用开发教程(22):UI组件-Upload组件
- Vaadin Web应用开发教程(21):UI组件-Embedded组件
- Vaadin Web应用开发教程(25):UI组件-Slider组件
- Vaadin Web应用开发教程(8):UI组件-Label
- Vaadin Web应用开发教程(21):UI组件-Embedded组件
- Vaadin Web应用开发教程(16):UI组件-Checkbox
- Vaadin Web应用开发教程(24):UI组件-ProgressIndicator组件
- Vaadin Web应用开发教程(15):UI组件-Button
- Vaadin Web应用开发教程(19):UI组件-Tree 组件
- Vaadin Web应用开发教程(10):UI组件-TextField
- Vaadin Web应用开发教程(27):UI组件-自定义组件