您的位置:首页 > 产品设计 > UI/UE

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来显示一个超链接。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: