绑定itemDataSource以选择html元素?

时间:2012-10-28 17:09:43

标签: windows-8 winjs

是否可以将List-Binding绑定到HTML Select()元素以将绑定的内容显示为元素?

我现在正在使用它,这似乎不起作用:

<select data-win-options="{itemDataSource: ...)}"></select>

1 个答案:

答案 0 :(得分:1)

有一种没有声明性绑定的编程方式:

JavaScript部分:

// Load data
var options = [
    { optionValue: 1, optionText: 'One', selected: false },
    { optionValue: 2, optionText: 'Two', selected: true },
    { optionValue: 3, optionText: 'Three', selected: false }
];

// Fill select box
options.forEach(function (value, i) {
    var newOption = document.createElement("option");
    newOption.text = value.optionText;
    newOption.value = value.optionValue;
    if (value.selected) {
        newOption.selected = true;
    }
    myBox.add(newOption);
});

HTML部分:

<select id="myBox"></select>

否则,您可以将WinJS.UI.ListView与模板一起使用: http://msdn.microsoft.com/en-us/library/windows/apps/br211837.aspx