Vaadin组件笔记——Label

com.vaadin.ui.Label

---

这个东西是UI中使用最多的组件。

caption & value

你可以在这个组件上设置Caption和Value。看下图：

这是Label在构造时，传入value值的效果。这个Label是通过如下代码创建的：

List-1

Label lbl = new Label("haha");

上面的代码等效于：

List-2

Label lbl = new Label();
lbl.setValue("haha");

生成的前端HTML代码如下：

List-3

haha

这里需要注意的是，如果讲null传给label的value，那么label什么都不会显示，但label这个元素还在页面上，不会隐藏。也就是说，label的高度宽度都还有效，页面空间仍然占用着。下面的代码是当label的value为null时产生的代码：

List-4

我们再来看一下设置caption之后的label是什么样子：

代码如下：

List-5

Label lbl = new Label();
lbl.setCaption("This is the caption.");
lbl.setValue("This is the value.");

看看自动生成的前端HTML代码：

List-6

    
        This is the caption.
    

    This is the value.