java - Vaadin 为什么我的 setvisible 不起作用?始终显示设计
问题描述
我正在使用 Designer 开发 Maven,Vaadin,我无法解决为什么我的代码仍然显示“test”和“test2”,因为通过 testView2.setVisible(false) 应该隐藏“test2”标签。这是所有相关代码。希望任何人都可以提供帮助。
测试视图.java
@Tag("test-view")
@HtmlImport("src/views/kunde/test-view.html")
@Route("test")
public class TestView extends PolymerTemplate<TestView.TestViewModel> {
@Id("testView2")
private TestView2 testView2;
public TestView() {
testView2.setVisible(false);
}
public interface TestViewModel extends TemplateModel {
}
}
测试视图.html
<dom-module id="test-view"> <template>
<style include="shared-styles">
:host {
display: block;
}
</style>
<div>
<label>Label</label>
</div>
<test-view-2 id="testView2"></test-view-2>
</template> <script>
class TestView extends Polymer.Element {
static get is() {
return 'test-view';
}
static get properties() {
return {
// Declare your properties here.
};
}
}
customElements.define(TestView.is, TestView);
</script> </dom-module>
test-view-2.html
<dom-module id="test-view-2">
<template>
<style include="shared-styles">
:host {
display: block;
}
</style>
<div>
<label>test2</label>
</div>
</template>
<script>
class TestView2 extends Polymer.Element {
static get is() {
return 'test-view-2';
}
static get properties() {
return {
// Declare your properties here.
};
}
}
customElements.define(TestView2.is, TestView2);
</script>
</dom-module>
解决方案
原因很可能是因为 Flowhidden
在使用setVisible(false)
. 但是由于 Designer 默认添加:host { display: block; }
到设计中,并且https://meowni.ca/hidden.is.a.lie.html,设计将不服从该hidden
属性。
您可以通过在设计中手动添加以下样式来解决此问题:
:host([hidden]) {
display: none !important;
}
推荐阅读
- c# - 在.Net Core 3.1 App中重定向程序集
- c - 当我插入(> 2000000)时合并排序,它将显示“分段错误(核心转储)”。但我已经使用了动态数组
- angular - 如何处理 Angular 中的通用路由?
- angular - Angular Universal:使用 NgRx 在服务器端获取 Store in Guard
- python - Python 中的 TimeWindows 绘图
- blazor - Blazor - 将活动类添加到当前元素
- python - 为什么没有定义目标
- python - 损坏的 Mongo 档案
- python - 如何在 Python 中通过 GeoDataFrame 绘制自定义国家地图
- python - 如何使用函数创建矩阵,然后访问矩阵的元素