如何重新加載列表WinJS

我想創建一個事件之後dinamically成長列表（採取射擊）我的意思是將實時向列表中的每個畫面，這是我的方法...如何重新加載列表WinJS

//Invoke the camera capture UI for snapping a photo 
function imageCapture() { 
    ... 
       //Creates the array, datalist and the namespace for making this data public 
       if (dataArray == null) { dataArray = new Array(); } 
       dataArray[captureCount] = { title: capturedItem.name, id: "img" + captureCount, picture: photoBlobUrl };  
       var dataList   = new WinJS.Binding.List(dataArray); 
       var publicMembers  = { itemList: dataList }; 

       WinJS.Namespace.define("DataExample", publicMembers); 

}

這是加載內容

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <meta charset="utf-8" /> 
    <title>eCamera</title> 

    <!-- Referencias de WinJS --> 
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" /> 
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script> 
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script> 

    <!-- Referencias de eCamera2 --> 
    <link href="/css/default.css" rel="stylesheet" /> 
    <script src="/js/default.js"></script> 
</head> 
<body > 
    <div id="content"> 
     <div id="mediumListIconTextTemplate" data-win-control="WinJS.Binding.Template"> 
      <div style="width: 150px; height: 100px;"> 
       <!-- Displays the "picture" field. --> 
       <img src="#" style="width: 60px; height: 60px;" data-win-bind="alt: title; src: picture" /> 
       <div> 
        <!-- Displays the "title" field. --> 
        <h4 data-win-bind="innerText: title"></h4> 

        <!-- Displays the "id" field. --> 
        <h6 data-win-bind="innerText: id"></h6> 
       </div> 
      </div> 
     </div> 
     <div id="basicListView" 
      data-win-control="WinJS.UI.ListView" 
      data-win-options="{ itemDataSource : DataExample.itemList.dataSource, 
       itemTemplate: select('#mediumListIconTextTemplate'), 
       itemsDraggable: true, 
       itemsReorderable: true }"></div> 
    </div> 
</body> 
</html>

如果我加載在一個固定dataArray中的所有內容，首先它的作品完美，但dinamically添加元素和所有每段時間設定它，我拍照，因此HTML頁面遠不工作，如何使其工作？

在此先感謝支持

來源

2013-12-18 Jesus

應用程序不應該每次都創建新列表。使用WinJS.Binding.List.push方法追加或拼接可用於插入。由於列表是可觀察的，因此UI將自動更新列表中的更改（刪除/添加）。

來源

2013-12-19 03:36:33 Sushil

如何重新加載列表WinJS

回答

相關問題