【问题标题】:GWT - PopupPanel, change layout when flippedGWT - PopupPanel,翻转时更改布局
【发布时间】:2013-07-26 19:19:15
【问题描述】:

我正在使用PopupPanel 为某些元素创建上下文菜单;菜单本身将相当大且复杂。我想做的是有一个按钮列表,加上一个图像和一些文本,与点击的元素相关。

我的问题是我希望按钮总是直接显示在点击的元素下方,因为这对用户来说很方便;问题是当PopupPanel 靠近屏幕边缘时,它会自动将位置更改为完全可见,而不是像往常一样将其左侧与元素对齐。我喜欢这种行为,但它移动了按钮的位置。

所以我想要发生的是:通常按钮在面板的左侧,其他的东西在右侧。当面板靠近屏幕右侧时,我希望按钮位于右侧(因此位于单击的元素下方)而其他内容位于左侧。

有没有一种聪明的方法来做到这一点,无论是在 GWT 中还是更好的方式,只使用 CSS? PopupPanel 本身似乎并没有告诉你它什么时候会被翻转,可悲的是。我目前唯一的解决方案是在显示之前手动检查弹出窗口的位置和宽度并进行相应调整,但我希望有更好的解决方案。

【问题讨论】:

  • 你试过位置回调吗?方法:setPopupPositionAndShow(PopupPanel.PositionCallback 回调);
  • 我知道这种方法,但你建议我用它做什么?让我做的就是设置弹出窗口的位置。

标签: css gwt popup


【解决方案1】:

这是我的建议(基于我自己对类似用例的实现):

  • 让位置回调实现接受引用(在构造函数中):
    • PopupPanel 元素
    • 用户右键点击的元素
    • 您放入 PopupPanel 的内容
  • 从默认位置回调复制(我知道这不是 DRY,但实现是包私有的)代码
  • 向右打开时,调用更改内容布局(基于 CSS 或其他)的方法

我希望它有所帮助。如果您发现更好的东西,请告诉我。

【讨论】:

  • 对不起,我真的不明白你在这里的建议。您能否添加一些示例代码等来澄清一下?
猜你喜欢
  • 1970-01-01
  • 2023-03-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多