Question

是否有可能像使用WinJS.ListView一样数据绑定到Flexbox？我在考虑类似......

<!-- default.html -->
<div class="flexbox" style="display:-ms-flexbox;">
  <div class="itemA"></div>
  <div class="itemB"></div>
  <div class="itemC"></div>
</div>

/* JavaScript */
var aList = new WinJS.Binding.List([{name:"item 1"},{name:"item 2"},{name:"item 3"}]);
var flexbox = document.querySelector(".flexbox");
//is there some magic in WinJS to bind flexbox to aList???

感谢。

Answer 1

没有（我知道）。 WinJS中的数据绑定需要一个控件（ListView）和一个IListDataSource（就像你提到的WinJS.Binding.List）。您可以使用类似......

之类的东西轻松地将项目添加到flexbox中

var flexbox = document.querySelector(".flexbox");
var myArray = [{name:"item 1"},{name:"item 2"},{name:"item 3"}];
myArray.forEach(function(item) {
    var div = document.createElement("div");
    div.innerText = item.name;
    flexbox.appendChild(div);
});

希望有所帮助。

数据绑定到flexbox

1 个答案: