2012-10-28 134 views
0

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

即时通讯使用现在这个权利,这似乎不工作:

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

回答

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