我正在尝试将此代码段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
是最终的。
请告诉。
答案 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);
}