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

---

[e-mail]

Answer 1

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

---

Jeff Sanders (MSFT)

Answer 2

Can you post code examples when you reply? I have same issue.