DART - 以编程方式将datalist设置为TextInputElement

时间:2014-05-09 16:57:25

标签: dart

我正在尝试将此代码段HTML5代码转换为DART:

        <input type="text" list="zoompercent">
          <datalist id="zoompercent" >
             <option>25%
             <option>50%
             <option>75%
             <option>100%
             <option>150%
             <option>200%
             <option>300%
             <option>400%
          </datalist>

我可以将输入字段实例化为

    TextInputElement zoomPresets = new TextInputElement();

我也可以将数据列表实例化为:

    DataListElement presetDataList = new DataListElement();
    OptionElement option1 = new OptionElement();
    option1.value="25%"; 
    presetDataList.children.add(option1);
...

但是如何将presetDataList设置为zoomPresets的列表? zoomPresets.list是最终的。

请告诉。

1 个答案:

答案 0 :(得分:1)

只需设置列表属性:

import 'dart:html';

main () {
  TextInputElement zoomPresets = new TextInputElement();

  DataListElement presetDataList = new DataListElement()..id="presetDataList";
     OptionElement option1 = new OptionElement();
     option1.value="25%";
     presetDataList.children.add(option1);

     zoomPresets.attributes['list'] = presetDataList.id;

     document.body.append(zoomPresets);
     document.body.append(presetDataList);
}