4

我正在使用 JavaScript 开发应用程序并希望使用SemanticZoom.

我们只使用一个列表视图，但我的页面中有多个列表视图。

这是我现在正在使用的示例代码：

 <section>
 <table><tr><td style="width: auto; height: 100%; display: none;" id="myDealsSection">
                        <table style="height: 100%; margin-left: 80px; margin-bottom: 
      50px;">
                            <thead>
                                <tr>
        <td ><span id="MyDealsHead" style="font-size: 20pt; font-family: 'Segoe UI
       Light'; padding-left: 5px;">My Deals</span><span id="myDealsHdrArrw"style="font-             
    size:20pt;"> &#xe013;</span></td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
               <td style="width: auto; height: 100%; vertical-align: top;">
      <div id="homePageDealsList" aria-label="List of this group's items"style="height:
   100%; width: auto;" data-win-control="WinJS.UI.ListView" data-win-options="{
   selectionMode: 'none',layout: {type:WinJS.UI.GridLayout} }"></div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
       <td style="width: 100%; height: 100%; display: none;" id="pinnedDealsSection">
                        <table style="height: 100%; margin-left: 80px;">
                            <thead style="width: 100%;">
                                <tr>
                                    <td><span id="pinnedDeals" style="padding-left: 
   5px; font-size: 20pt; font-family: 'Segoe UI Light';">Pinned Deals</span><span 
   id="pinnedDealsHdrArrw" style="font-size:20pt;"> &#xe013;</span></td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td style="width: auto; height: 100%; vertical-
     align: top;">
                                        <div id="pinnedDealsList" 
   class="pinnedDealsItemsList" aria-label="List of this group's items" style="height:
 100%; width: auto; margin-bottom: 50px;" data-win-control="WinJS.UI.ListView" data-
  win-options="{ selectionMode: 'none', layout: {type:WinJS.UI.GridLayout} }"></div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td></tr></table>
 </section>

如何将两个列表视图添加到放大视图？ 我无法理解如何做到这一点。

SemanticZoom示例访问： http : //msdn.microsoft.com/en-us/library/windows/apps/hh465492.aspx

4

0 回答 0