Take the 2-minute tour ×

Is there a way to make a ListView in Windows 8 editable, using Javascript?

For example, when I put an input element inside of the template of the items?

I see the input, and its value is set, but I can't click in it.

My list looks like this:

 <div class="InputList">
                <div class="employeeList" id="employeeL"
                    data-win-control="WinJS.UI.ListView" data-win-options="{
                    itemDataSource: employee.groupedItemsList.dataSource, 
                    itemTemplate: select('#employeeListTemplate'),
                    selectionMode: 'single', 
                    tapBehavior: 'directSelect',

And my template:

        <div id="employeeListTemplate" data-win-control="WinJS.Binding.Template">
            <div class="employeeItem">
                <input data-win-bind="innerText:Name" />
                <label data-win-bind="innerText:Vorname"></label>
share|improve this question
add comment

1 Answer

up vote 2 down vote accepted

You need to add win-interactive class to the element that you want to be interactive.

share|improve this answer
thanks... that was simple...works perfect –  robidd Aug 11 '12 at 15:54
add comment

Your Answer


