Dart Polymer核心选择器多选选择绑定到选中不起作用

时间:2014-11-14 09:33:47

标签: dart dart-polymer

我正在以这种方式使用core-selector进行多项选择:

    <core-selector id="selector" selected={{selected}} valueattr="label" multi>
        <div class="item" label="foo">foo</div>
        <div class="item" label="bar">bar</div>
        <div class="item" label="zot">zot</div>
    </core-selector>

我将所选字段绑定到List以设置和检索所选元素:

@observable
List<String> selected = toObservable([]);

当我打印没有选择的列表时,我得到一个带有一个元素的数组:一个空数组。

selected: [[]] 

当我选择一个元素(bar)时,我得到一个包含两个元素的数组:一个空数组和所选元素。

selected: [[], bar]

如果我在打印时用元素(zot)初始化所选数组,我得到:

selected: [[zot]]

我是以错误的方式使用core-selector还是有错误?

解决方法似乎以编程方式访问core-selector元素的selected属性。

使用core_elements 0.4.0 + 6测试。

1 个答案:

答案 0 :(得分:0)

这是一个解决方法:

void ready() {
  $["selector"].selected = selected;
}

其中selected是用于保留所选项目的列表,selectorcore-selector ID。