Question

我有网格布局，有些字段添加如下：

 private Component userDetailsTab(final User user) {
        final GridLayout details = new GridLayout(2, 1);
        details.setMargin(true);
        details.setSpacing(true);

        details.addComponent(createDetailLabel(Messages.User_Name));
        final Component username = createDetailValue(user.getName());
        details.addComponent(username);

        ...

我还有布局点击监听器，用于替换文本字段上的标签，它看起来像是：

 final TextField tf = new TextField();

        details.addListener(new LayoutClickListener() {

            private static final long serialVersionUID = -7374243623325736476L;

            @Override
            public void layoutClick(LayoutClickEvent event) {

                Component com = event.getChildComponent();
                if (event.getChildComponent() instanceof Label) {
                    Label label = (Label)event.getChildComponent();
                    details.replaceComponent(com, tf);
                    tf.setValue(label.getValue());
                }
            }
        });

将来我想点击标签，编辑它并在点击其他地方（例如在不同标签上）后将更改写入数据库。

现在当我点击第一个标签然后点击第二个标签时，效果是：第一个具有第二个值，第二个是第二个文本字段值。为什么会这样？点击第一个然后第二个获得第一个标签女巫值，我该怎么办？

Answer 1

您不需要在Labels和TextFields之间切换，只需使用TextField并在它没有聚焦时将其样式设置为Label。

Answer 2

当我尝试创建点击编辑标签时，它为我创造了大量的额外工作。我不鼓励它（并且像Patton在评论中所说的那样）。

但是，如果您要坚持尝试创建就地编辑，则需要执行以下操作：

创建一个扩展布局的新类（例如HorizontalLayout），可以替换文本字段的标签
使用LayoutClickListener删除组件（myLabel）和addComponent（myTextField）
使用BlurListener交换回标签
在文本字段上使用ValueChangeListener将其值复制到标签

这仍是一个坏主意，因为：

用户无法轻易看到可供性（他们无法分辨出什么是可编辑的）
用户无法使用键盘标签到要修改的字段
它增加了不必要的复杂性（维护时间等）。

我建议，如果你想进行就地编辑，只需显示文本字段，然后使用BlurListener保存新值。

使用LayoutClickListener终止替换组件

2 个答案: