windows 8 - Semantic zoom with grouped items for the zoomed-out view in a Javascript Metro application -
i'm adding semantic zoom application , i'm having issues data binding in zoomed out listview. in normal (zoomed in) listview i'm binding grouped data , renders fine. zoomed out listview render same grouped data (same itemdatasource , groupdatasource) , different itemtemplate , grouptemplate (the same normal view smaller).
the problem i'm having when zoom out error @ ui.js line 2117 saying "0x800a138f - javascript runtime error: object.defineproperty: argument not object".
i've tryed binding zoomed out listview itemdatasource property groups.datasource collection , not set groupdatasource property (like examples found on web) , works fine.
why zoomed out view not rendering grouped items normal view?
edit: seems zoomed out view behaves in different way normal (zoomed in) listview. while zoomed in view accepts both itemdatasource , groupdatasource, zoomed out view accepts itemdatasource. edited microsoft official semantic zoom sample (scenario2.html) , changed zoomedoutlistview use mygroupedlist.datasource itemdatasource , same issue arises.
code before:
<div id="zoomedoutlistview" data-win-control="winjs.ui.listview" data-win-options="{ itemdatasource: mygroupedlist.groups.datasource, itemtemplate: semanticzoomtemplate, selectionmode: 'none', tapbehavior: 'invoke', swipebehavior: 'none' }" ></div>
code after (which reproduces issue):
<div id="zoomedoutlistview" data-win-control="winjs.ui.listview" data-win-options="{ itemdatasource: mygroupedlist.datasource, //originally mygroupedlist.groups.datasource itemtemplate: semanticzoomtemplate, selectionmode: 'none', tapbehavior: 'invoke', swipebehavior: 'none' }" ></div>
thanks. diego
if using custom ilistdatasource, make sure implement itemfromkey method.
Comments
Post a Comment