0

我正在做一个新项目,但切换按钮有点问题。我想要的是当时只能激活六个切换按钮中的一个,如果用户单击另一个切换按钮,则旧切换按钮设置为 isDown(false),新的切换按钮设置为 isDown(true)。但是如何在不违反 mvp 模式的情况下达到这一点。

视图:6 个切换按钮
显示:HasClickHandlers
演示者:addClickHandlers 到 ToggleButtons

另一件事是切换按钮的自动边框,如果用户单击它(类似于橙色)。是否可以隐藏此边框?


如果用户关注按钮、文本字段或其他内容,则编辑边框是可见的。所以它不是togglebutton本身的css属性

4

2 回答 2

1

您的演示者捕捉到点击事件并遍历切换按钮。它将每个都设置为 isDown(false),除了已单击的那个。尝试从六个可能的选项中找出一个单击的切换按钮。在之前的 JavaScript 时代,我通过给每个切换按钮一个唯一标识符(如“button_1”)来做到这一点。这不应该以任何方式破坏您的 MVP 模式。

关于自动边框:那是 CSS 的问题。有几个状态你必须定义 css.gwt-ToggleButton-down,.gwt-ToggleButton-down-hovering,.gwt-ToggleButton-down-disabled之类的。

于 2013-06-14T05:24:49.497 回答
0

对于其他开发人员:焦点边框可以通过以下方式移除:

:-moz-focus-inner { border: 0; padding: 0; } /*firefox*/
:focus { outline: none; } /*chrome, ie*/

于 2013-06-14T10:47:34.657 回答