title: nested WinJS.UI.Listviews in html (metro application)
body: <p>Here are the html :</p>
  
  <pre><code>&lt;div class="itemtemplate" data-win-control="WinJS.Binding.Template"&gt;
      &lt;h4 class="title" data-win-bind="textContent: title"&gt;&lt;/h4&gt;
      &lt;div class="list" data-win-control="WinJS.UI.ListView" data-win-options="{ selectionMode: 'none' }"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div class="groupeditemslist" data-win-control="WinJS.UI.ListView" data-win-options="{ selectionMode: 'none' }"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How Could I add <code>data-win-options</code> in full html (no javascript templateSelector like "<a href="http://stephenwalther.com/archive/2012/05/23/metro-dynamically-switching-templates-with-a-winjs-listview.aspx" rel="nofollow">Metro: Dynamically Switching Templates with a WinJS ListView</a>" of the nested <code>WinJS.UI.ListView</code> to bind data?</p>
  
  <p>For each item in the main data, I add a <code>WinJS.Binding.List</code>.</p>