1

WinJS.ListView でできるように、フレックスボックスにデータバインドすることは可能ですか? みたいなことを考えている...

<!-- 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???

ありがとう。

4

1 に答える 1

1

ありません(私が知っていること)。WinJS のデータ バインディングには、コントロール (ListView) と IListDataSource (前述の WinJS.Binding.List など) が必要です。次のようなものを使用して、フレックスボックスにアイテムを簡単に追加できます...

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);
});

それが役立つことを願っています。

于 2013-01-11T12:02:47.780 に答える