locked
semantic zoom for multiple list views

 > 

    Question

  • Question
    Sign in to vote
    0
    Sign in to vote

    I m developing app using javaScript to use semantic zoom we use only one list view but i have multiple list views in my page how to implement  if there r multiple list views 

    here is the sample code which i am using right now..can u tell me how to append if it is designed in table using java script..  



    <body>

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

</body>


    Thursday, March 14, 2013 2:39 PM

Answers

All replies