I'd like to include dynamically-generated ListView formatted content in a Flyout I have popping out from a button in the App Bar.
I'm currently using the same ListView format that other programmers on my team have used successfully elsewhere, but nobody's tried it inside of a Flyout yet.
I'm trying to keep as much Flyout management in HTML (vs. JavaScript) as possible. Any advice would be very much appreciated. Thank you!
<div id="refiners_flyout"
data-win-control="WinJS.UI.Flyout">
<div id="refiners_view" aria-label="List of refiners"
data-win-control="WinJS.UI.ListView"
data-win-options="{selectionMode: 'multi',
itemTemplate: select('#refiner_template'),
layout: {type: WinJS.UI.GridLayout}}"
data-bind="winControl: {
itemDataSource: ProductDetailsViewModel.refinerOptions,
iteminvoked: RefinerInvokedHandler
}">
</div>
</div>
<div id="refiner_template"
data-win-control="WinJS.Binding.Template">
<div class="refiner_template_style"
data-win-bind="textContent: ViewModel.refinerOptions">
</div>
</div>