【问题标题】:Hide/expand layout in vaadin在 vaadin 中隐藏/展开布局
【发布时间】:2012-08-01 10:54:25
【问题描述】:

此站点的左上角有一个带有下拉布局的 StackExchange 按钮。如果你点击它,它会打开,如果你点击其他地方,它会被隐藏。 是否可以在给定按钮和布局的 vaadin 应用程序中创建类似的组合?

两个条件是:

  1. 从代码中了解布局的状态(隐藏或显示)(这就是不适合使用 javascript 的原因)。

  2. 按钮应该展开和隐藏布局,点击时的其余区域应该只隐藏它(与此处的 StackExchange 按钮相同)。

有人知道解决办法吗?非常感谢。

【问题讨论】:

    标签: javascript layout show-hide vaadin


    【解决方案1】:

    两种可能性:

    本地 Vaadin:PopupView。这是 Vaadin 采样器中的 example of using it。无法控制弹出窗口的放置,并且显示弹出窗口不能由视图本身以外的任何东西控制。

    Vaadin Addon : Overlays 允许您相对于任何其他组件覆盖任何组件(例如布局),可以由单独的组件(例如按钮)控制

    【讨论】:

    • 原来 PopupView 不是很适合这个目的,因为双击时,当内容没有隐藏原始按钮时,它会引发异常,因此内容应该始终隐藏按钮。叠加也不能解决这个问题。
    • PopView 本身不会在外部双击时抛出异常。见demo.vaadin.com/sampler#PopupViewClosing,选择第二个例子;双击侧 => 也不例外。
    • 那里有一个“默认弹出”按钮。如果弹出内容出现时没有隐藏此按钮并且我单击该按钮,则会引发异常。在演示中,弹出内容隐藏了按钮,因此我无法再次单击它。
    猜你喜欢
    • 2021-03-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-02
    • 1970-01-01
    • 2021-12-11
    • 1970-01-01
    • 2011-12-31
    相关资源
    最近更新 更多