Vaadin Web应用开发教程(9):UI组件-Link

jerry VaadinWeb 2015年11月25日 收藏

组件Link为超链接。指向一个外部资源。 Link实际为一HTML 链接<a href>。和Button 不同的是,Link 不会在服务器端触发一个事件。你也可以使用setIcon 为Link添加一个图标:

  1. // Textual link
  2. Link link = new Link("Click Me!",
  3. new ExternalResource("http://vaadin.com/"));
  4. ...
  5. // Image link
  6. Link iconic = new Link(null,
  7. new ExternalResource("http://vaadin.com/"));
  8. iconic.setIcon(new ThemeResource("img/nicubunu_Chain.png"));
  9.  
  10. // Image + caption
  11. Link combo = new Link("To appease both literal and visual",
  12. new ExternalResource("http://vaadin.com/"));
  13. combo.setIcon(new ThemeResource("img/nicubunu_Chain.png"));

上面代码显示结果如下:
打开超链接时可以支持超链接打开的目标模式(Target),可以通过setTargetName 来指定,比如 _blank 在新窗口中显示超链接。 此外,可以通过setTargetWidth, setTargetHeight, setTargetBorder 指定显示窗口的大小和边框。如下面代码:

  1. // Open the URL in a popup
  2. link.setTargetName("_blank");
  3. link.setTargetBorder(Link.TARGET_BORDER_NONE);
  4. link.setTargetHeight(300);
  5. link.setTargetWidth(400);
  6.  

除Link组件之外,Vaadin也可以通过Button (使用Reindeer.BUTTON_LINK风格)来定义一个超链接,也可以使用XHTML 模式使用Label来显示一个超链接。