选择更改后,纸张 - 单选按钮波纹仍然存在

时间:2014-07-14 11:09:54

标签: dart dart-polymer material-design paper-elements

鉴于如下所示的纸质广播组

      <paper-radio-group
        id="sex-group"
        selected='1'>
        <paper-radio-button label='Male'></paper-radio-button><br>
        <paper-radio-button label='Female'></paper-radio-button>
      </paper-radio-group>

如果选择了Male按钮,然后选择了Female按钮,反之亦然,即使选择发生变化,纹波仍会保留在最后选择的按钮上。它以不可预测的方式发生,没有堆栈跟踪。

enter image description here

在上图中,选择了女性,然后是男性。

我正在使用Polymer-dart 0.12.0-dev和Dart Editor版本1.6.0.dev_03_00(DEV)Dart SDK版本1.6.0-dev.3.0

1 个答案:

答案 0 :(得分:1)

根据文档http://www.polymer-project.org/docs/elements/paper-elements.html#paper-radio-group selected的{​​{1}}应引用<paper-radio-group>

name

我尝试了它并且工作正常。

<paper-radio-button>

为选择更改添加事件处理程序
这还没有工作,因为如果为选择或取消选择触发事件,则通常需要在event.detail中传递一个值(对于每次更改,它总是被触发两次)。但由于此错误https://code.google.com/p/dart/issues/detail?id=20648

,目前无法实现此目的
<paper-radio-group
  id="sex-group"
  selected='1'>
  <paper-radio-button label='Male' name='1'></paper-radio-button><br>
  <paper-radio-button label='Female' name='2'></paper-radio-button>
</paper-radio-group>
<paper-radio-group on-change="{{changeHandler}}">
  <paper-radio-button name="sel1" label="Sel 1"><paper-radio-button>
  <paper-radio-button name="sel2" label="Sel 2"><paper-radio-button>
</paper-radio-group>

目前似乎唯一的方法是将void changeHandler(Event e) { print(e.target.attributes['name']); } 属性绑定到字段,如Getting the value of a paper-radio-button

所示