javascript - 如何在 win-list-view 中动态添加项目源

Question

我定义了一个列表和模板，如下所示。我正在从 html 定义列表项数据源。有什么方法可以动态绑定(bind)项目数据源，即从 javscript 中绑定(bind)。它是一个 Angular-winjs 应用程序。

  <win-list-view selection-mode="'none'"
                                       id="liqAssetListFlyout"
                                       class="verticalList win-selectionstylefilled win-listview"
                                       style="height: auto;"
                                       item-data-source="LiqFlyout"
                                       itemtemplate="select('.liqListTemplate')">

                            <win-item-template>
                                <div class="liqListTemplate"  data-win-control="WinJS.Binding.Template">
                                    <div style="float: left; width: 36%; margin-top: 1.5%;">
                                        <label id={{item.data.index}} class="T20" style="float: left;">{{item.data.assetName}}</label>
                                    </div>
                                    <div style="float: left; width: 33%; margin-top: 1.5%;">
                                        <label class="T20 " style="float: left; ">{{item.data.Internal}}</label>
                                    </div>
                                    <div style="float: left;margin-top: 1.5%;">
                                        <label class="T20 " style="float: left; ">{{item.data.External}}</label>
                                    </div>
                                </div>
                                <hr ng-if="showHideLine(item.data.assetName)" style="float:left; width:100%;margin-top:2%" />

                            </win-item-template>
                            <win-list-layout></win-list-layout>
                        </win-list-view>

Answer 1

var items[..data..];
var bindList = new WinJS.Binding.List(items);
var listView = document.getElementById("liqAssetListFlyout").winControl;

listView.itemDataSource = bindList.dataSource;

这就是 javascript 的方式