如果在相应的Java代码中引用对象

Question

如果人们使用vaadin Designer（在Vaadin 14中）创建垂直布局类，并将其宽度设置为某个固定值（例如3％）和，一个人在相应的Java代码中对该垂直布局组件有一个引用，Vaadin将忽略宽度设置。奇怪的是，如果一个错误在Java代码中不引用垂直布局类，则此错误会消失。这是一个可说明错误的工作测试用例。目前，我的“黑客”是为了避免在我的Java代码中引用对象，或者如果必须，我认为我需要在Java代码本身中明确重置宽度逻辑。有什么想法吗？

import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';
import '@vaadin/vaadin-ordered-layout/src/vaadin-horizontal-layout.js';

class UiTestview extends PolymerElement {

    static get template() {
        return html`
<style include="shared-styles">
                :host {
                    display: block;
                    height: 100%;
                }
            </style>
<vaadin-horizontal-layout class="content" style="width: 100%; height: 100%;">
 <vaadin-vertical-layout id="left" style="width: 3%;background-color:blue">
 <label>left label</label>
 </vaadin-vertical-layout>
 <label style="flex-grow: 1;background-color:red">Label</label>
</vaadin-horizontal-layout>
`;
    }

    static get is() {
        return 'ui-testview';
    }

    static get properties() {
        return {
            // Declare your properties here.
        };
    }
}

customElements.define(UiTestview.is, UiTestview);

以及相应的Java代码：

package org.vaadin;

import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.component.template.Id;
import com.vaadin.flow.router.Route;
import com.vaadin.flow.templatemodel.TemplateModel;
import com.vaadin.flow.component.Tag;
import com.vaadin.flow.component.dependency.JsModule;
import com.vaadin.flow.component.polymertemplate.PolymerTemplate;


/**
 * A Designer generated component for the ui-testview template.
 *
 * Designer will add and remove fields with @Id mappings but
 * does not overwrite or otherwise change this file.
 */
@Route("testview")
@Tag("ui-testview")
@JsModule("./src/ui-testview.js")
public class UiTestview extends PolymerTemplate<UiTestview.UiTestviewModel> {


    @Id("left")
    private VerticalLayout left;

    /**
     * Creates a new UiTestview.
     */
    public UiTestview() {

    }

    /**
     * This model binds properties between UiTestview and ui-testview
     */
    public interface UiTestviewModel extends TemplateModel {
        // Add setters and getters for template properties here.
    }
}

Answer 1

基本上，Vaadin的Java侧（至少在Vaadin 14中）并不了解模板的任何初始客户端状态。这就是为什么Java-Getters通常不会返回模板中设置的值的原因。此外，verticallayout sets setWidth（“ 100％”） ，一旦将模板映射到模板，它实际上可能会覆盖模板中的宽度集。这是Vaadin 18中的改进。我怀疑这会被退回到Vaadin 14。