KoWSa

KnockoutJS handlers for Windows Store apps

Example

HTML

<div data-win-control="WinJS.UI.ListView"
             data-bind="datasource:someArray, template:itemTemplate"
             style="height:100%"
             id="listview"
             data-win-options="{layout:{type:WinJS.UI.GridLayout}}"></div>

Template

<script id="itemTemplate" type="text/html">
        <div>
            <div style="width:260px;height:190px"
                 data-bind="style:{backgroundImage: 'url('+$data.imageUrl+')'}">
                <div data-bind="text:title"></div>
            </div>
        </div>
</script>

Notes

• Tutoral is on it's way.
• Contains TypeScript and the JavaScript it is compiled to.

Known bugs

• The template handler misses the reference too $root and $parent.