locked
semantic zoom control in java script metro application

    Question

  • Hi 

    i am using semantic zoom control like below

    <div id="semanticZoomDiv" data-win-control="WinJS.UI.SemanticZoom">   
                    
                <div id="listView2a"
                    data-win-control="WinJS.UI.ListView" 
                    data-win-options="{ itemDataSource: groupedList.dataSource, itemTemplate: mediumListIconTextTemplate, groupHeaderTemplate: headerTemplate, groupDataSource: groupedList.groups.dataSource, selectionMode: 'multi', tapBehavior: 'none', swipeBehavior: 'none' }"
                ></div>
    
                <div id="listView2b"
                    data-win-control="WinJS.UI.ListView"
                    data-win-options="{ itemDataSource: groupedList.groups.dataSource, itemTemplate: semanticZoomTemplate, selectionMode: 'none', tapBehavior: 'invoke', swipeBehavior: 'none' }"
                ></div>
    
            </div>

    in this groupedList is change by removing some items from there and recreated groupedList .

    Now i am unable to update semantic zoom with new data source.

    Can you please help me here .

    Thanks in advance,

    regards,

    Manoj



    kumarmanoj@fareportal.com

    Friday, May 25, 2012 7:48 AM

Answers

All replies

  • Set the datasource on the control in code after you change it and that should refresh the list view.

    Jeff Sanders (MSFT)

    Friday, May 25, 2012 12:04 PM
    Moderator
  • Can you post code examples when you reply? I have same issue.
    Friday, November 16, 2012 11:15 AM