WinJS Listview未被激活_Listview_Winjs_Listviewitem

WinJS Listview未被激活

listview

WinJS Listview未被激活,listview,winjs,listviewitem,Listview,Winjs,Listviewitem,我一直在我的代码中寻找关于这个问题的一些答案，我不能给出不同的答案，因为据我所知，这个问题的答案并不多  <div id="listviewTemplate"> <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template"> <div cla

我一直在我的代码中寻找关于这个问题的一些答案，我不能给出不同的答案，因为据我所知，这个问题的答案并不多

    <!-- Template para el Listview -->
    <div id="listviewTemplate">
        <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listviewItemNota">
                <h1 class="win-h1" data-win-bind="textContent: titulo"></h1>
                <h3 class="win-h3" data-win-bind="textContent: descripcion"></h3>
                <h5 class="win-h5" data-win-bind="textContent: hecho"></h5>
            </div>
        </div>
    </div>
    <!-- Codigo del ListView -->
    <div id="listaTareas" class="listView win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                itemDataSource: App.Notas.data.dataSource,
                itemTemplate: select('.listViewNotasTemplate'),
                selectionMode: 'multi',
                tapBehavior:'toggleSelect',
                layout: { type: WinJS.UI.ListLayout }
            }"></div>
    <!-- Termino el ListView -->
    <script src="node_modules/winjs/js/base.js"></script>
    <script src="node_modules/winjs/js/ui.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/index.js"></script>

我有一个ListView，其中充满了一些服务器内容（note app），我似乎能够使用

WinJS.UI.procesAll（）更改selectionMode、tapBehavior和ListView的一些不同属性。然后（//code here）
但唯一一个根本不起作用的是，尽管Chrome开发工具告诉我oninvokeditem实际上有一个eventhandler，但一旦我单击“什么都不起作用”，我放置的任何断点都不会被击中。
下面是一些代码：
var WinJSRequest = function (uri, method, data) {
    var request = {
        url: uri,
        type: method,
        contentType: "application/json",
        accepts: "application/json",
        cache: false,
        dataType: 'json',
        data: JSON.stringify(data),
        beforeSend: function (xhr) {
            xhr.setRequestHeader("Authorization",
                "Basic " + btoa(username + ":" + password));
        },
        error: function (jqXHR) {
            //console.log(data);
            console.log("ajax error " + jqXHR.status);
        }
    };
    return WinJS.xhr(request).done(
        function completed(request) {
            var arr = JSON.parse(request.response);
            for (var i = 0; i < arr.tareas.length; i++) {
                tareas.push(arr.tareas[i]);
            }
            WinJS.Namespace.define("App.Notas", {
                data: new WinJS.Binding.List(tareas)
            });
            WinJS.UI.processAll().then( function() {
                listaTareas = WinJS.Utilities.query('#listaTareas');
                listaTareas = listaTareas[0].winControl;
                listaTareas.oniteminvoked = function (ev) {
                    console.log('index: ' + ev.detail.itemIndex);
                };
            });
        },
        function error(request) {
            alert(request);
        },
        function progress(request) {
            //alert(request);
            console.log('In Progress');
        });
};

    <!-- Template para el Listview -->
    <div id="listviewTemplate">
        <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listviewItemNota">
                <h1 class="win-h1" data-win-bind="textContent: titulo"></h1>
                <h3 class="win-h3" data-win-bind="textContent: descripcion"></h3>
                <h5 class="win-h5" data-win-bind="textContent: hecho"></h5>
            </div>
        </div>
    </div>
    <!-- Codigo del ListView -->
    <div id="listaTareas" class="listView win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                itemDataSource: App.Notas.data.dataSource,
                itemTemplate: select('.listViewNotasTemplate'),
                selectionMode: 'multi',
                tapBehavior:'toggleSelect',
                layout: { type: WinJS.UI.ListLayout }
            }"></div>
    <!-- Termino el ListView -->
    <script src="node_modules/winjs/js/base.js"></script>
    <script src="node_modules/winjs/js/ui.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/index.js"></script>

var WinJSRequest=函数（uri、方法、数据）{
var请求={
url:uri，
类型：方法，
contentType:“应用程序/json”，
接受：“application/json”，
cache:false，
数据类型：“json”，
数据：JSON.stringify（数据），
发送前：函数（xhr）{
xhr.setRequestHeader（“授权”，
“基本”+btoa（用户名+：“+密码））；
},
错误：函数（jqXHR）{
//控制台日志（数据）；
log（“ajax错误”+jqXHR.status）；
}
};
返回WinJS.xhr（请求）.done(
功能完成（请求）{
var arr=JSON.parse（request.response）；
对于（变量i=0；i

这里有一些HTML

    <!-- Template para el Listview -->
    <div id="listviewTemplate">
        <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listviewItemNota">
                <h1 class="win-h1" data-win-bind="textContent: titulo"></h1>
                <h3 class="win-h3" data-win-bind="textContent: descripcion"></h3>
                <h5 class="win-h5" data-win-bind="textContent: hecho"></h5>
            </div>
        </div>
    </div>
    <!-- Codigo del ListView -->
    <div id="listaTareas" class="listView win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                itemDataSource: App.Notas.data.dataSource,
                itemTemplate: select('.listViewNotasTemplate'),
                selectionMode: 'multi',
                tapBehavior:'toggleSelect',
                layout: { type: WinJS.UI.ListLayout }
            }"></div>
    <!-- Termino el ListView -->
    <script src="node_modules/winjs/js/base.js"></script>
    <script src="node_modules/winjs/js/ui.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/index.js"></script>



没有别的东西了，几乎全是尸体。
我曾尝试使用listaTareas.addEventListener（'oniteminvoked'，handler，false）,，
我试图在HTML控件上声明它，但什么都没有，也许只是我不想帮助任何人
    <!-- Template para el Listview -->
    <div id="listviewTemplate">
        <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listviewItemNota">
                <h1 class="win-h1" data-win-bind="textContent: titulo"></h1>
                <h3 class="win-h3" data-win-bind="textContent: descripcion"></h3>
                <h5 class="win-h5" data-win-bind="textContent: hecho"></h5>
            </div>
        </div>
    </div>
    <!-- Codigo del ListView -->
    <div id="listaTareas" class="listView win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                itemDataSource: App.Notas.data.dataSource,
                itemTemplate: select('.listViewNotasTemplate'),
                selectionMode: 'multi',
                tapBehavior:'toggleSelect',
                layout: { type: WinJS.UI.ListLayout }
            }"></div>
    <!-- Termino el ListView -->
    <script src="node_modules/winjs/js/base.js"></script>
    <script src="node_modules/winjs/js/ui.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/index.js"></script>

提前感谢：）
    <!-- Template para el Listview -->
    <div id="listviewTemplate">
        <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listviewItemNota">
                <h1 class="win-h1" data-win-bind="textContent: titulo"></h1>
                <h3 class="win-h3" data-win-bind="textContent: descripcion"></h3>
                <h5 class="win-h5" data-win-bind="textContent: hecho"></h5>
            </div>
        </div>
    </div>
    <!-- Codigo del ListView -->
    <div id="listaTareas" class="listView win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                itemDataSource: App.Notas.data.dataSource,
                itemTemplate: select('.listViewNotasTemplate'),
                selectionMode: 'multi',
                tapBehavior:'toggleSelect',
                layout: { type: WinJS.UI.ListLayout }
            }"></div>
    <!-- Termino el ListView -->
    <script src="node_modules/winjs/js/base.js"></script>
    <script src="node_modules/winjs/js/ui.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/index.js"></script>

编辑：对于记录，当我在控制台上查看时，我发现服务器发出：（…）
找到这个了吗
arguments:TypeError：不能在严格模式函数或用于调用它们的arguments对象上访问“caller”、“callee”和“arguments”属性
at Function.remoteFunction（：3:14）
在Object.InjectedScript.callFunctionOn（：750:66）
上，事件名称有错误：
    <!-- Template para el Listview -->
    <div id="listviewTemplate">
        <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listviewItemNota">
                <h1 class="win-h1" data-win-bind="textContent: titulo"></h1>
                <h3 class="win-h3" data-win-bind="textContent: descripcion"></h3>
                <h5 class="win-h5" data-win-bind="textContent: hecho"></h5>
            </div>
        </div>
    </div>
    <!-- Codigo del ListView -->
    <div id="listaTareas" class="listView win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                itemDataSource: App.Notas.data.dataSource,
                itemTemplate: select('.listViewNotasTemplate'),
                selectionMode: 'multi',
                tapBehavior:'toggleSelect',
                layout: { type: WinJS.UI.ListLayout }
            }"></div>
    <!-- Termino el ListView -->
    <script src="node_modules/winjs/js/base.js"></script>
    <script src="node_modules/winjs/js/ui.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/index.js"></script>

addEventListener（'iteminvoked'，handler，false）
    <!-- Template para el Listview -->
    <div id="listviewTemplate">
        <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listviewItemNota">
                <h1 class="win-h1" data-win-bind="textContent: titulo"></h1>
                <h3 class="win-h3" data-win-bind="textContent: descripcion"></h3>
                <h5 class="win-h5" data-win-bind="textContent: hecho"></h5>
            </div>
        </div>
    </div>
    <!-- Codigo del ListView -->
    <div id="listaTareas" class="listView win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                itemDataSource: App.Notas.data.dataSource,
                itemTemplate: select('.listViewNotasTemplate'),
                selectionMode: 'multi',
                tapBehavior:'toggleSelect',
                layout: { type: WinJS.UI.ListLayout }
            }"></div>
    <!-- Termino el ListView -->
    <script src="node_modules/winjs/js/base.js"></script>
    <script src="node_modules/winjs/js/ui.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/index.js"></script>

没有“开”；）
 您的事件名称有错误：
    <!-- Template para el Listview -->
    <div id="listviewTemplate">
        <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listviewItemNota">
                <h1 class="win-h1" data-win-bind="textContent: titulo"></h1>
                <h3 class="win-h3" data-win-bind="textContent: descripcion"></h3>
                <h5 class="win-h5" data-win-bind="textContent: hecho"></h5>
            </div>
        </div>
    </div>
    <!-- Codigo del ListView -->
    <div id="listaTareas" class="listView win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                itemDataSource: App.Notas.data.dataSource,
                itemTemplate: select('.listViewNotasTemplate'),
                selectionMode: 'multi',
                tapBehavior:'toggleSelect',
                layout: { type: WinJS.UI.ListLayout }
            }"></div>
    <!-- Termino el ListView -->
    <script src="node_modules/winjs/js/base.js"></script>
    <script src="node_modules/winjs/js/ui.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/index.js"></script>

addEventListener（'iteminvoked'，handler，false）
    <!-- Template para el Listview -->
    <div id="listviewTemplate">
        <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listviewItemNota">
                <h1 class="win-h1" data-win-bind="textContent: titulo"></h1>
                <h3 class="win-h3" data-win-bind="textContent: descripcion"></h3>
                <h5 class="win-h5" data-win-bind="textContent: hecho"></h5>
            </div>
        </div>
    </div>
    <!-- Codigo del ListView -->
    <div id="listaTareas" class="listView win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                itemDataSource: App.Notas.data.dataSource,
                itemTemplate: select('.listViewNotasTemplate'),
                selectionMode: 'multi',
                tapBehavior:'toggleSelect',
                layout: { type: WinJS.UI.ListLayout }
            }"></div>
    <!-- Termino el ListView -->
    <script src="node_modules/winjs/js/base.js"></script>
    <script src="node_modules/winjs/js/ui.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/index.js"></script>

没有“开”；） 对于记录，我使用WinJS 4.0.0和jQueryfor记录，我使用WinJS 4.0.0和jQueryhey！谢谢你的回复，但我恐怕我也是这样测试的，没有说我不好。但是，如果这样的话，我就不需要这样做了：（如果我使用代码<> ListStase.AdvestListNever（‘点击’，处理程序，FALSE）；< /COD>它实际上在所有的列表中执行处理程序，甚至在ListSee的空白空间中。嘿，谢谢你的回复，但是我恐怕我也测试过了，没提过我的坏。但是仍然不能这样工作：（如果我使用这个代码<代码> ListStase.AdvestListEnter（“单击”、“处理程序”、“false”）；它实际上在整个列表中执行处理程序，甚至在列表的空白区域中执行。
    <!-- Template para el Listview -->
    <div id="listviewTemplate">
        <div class="listViewNotasTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listviewItemNota">
                <h1 class="win-h1" data-win-bind="textContent: titulo"></h1>
                <h3 class="win-h3" data-win-bind="textContent: descripcion"></h3>
                <h5 class="win-h5" data-win-bind="textContent: hecho"></h5>
            </div>
        </div>
    </div>
    <!-- Codigo del ListView -->
    <div id="listaTareas" class="listView win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                itemDataSource: App.Notas.data.dataSource,
                itemTemplate: select('.listViewNotasTemplate'),
                selectionMode: 'multi',
                tapBehavior:'toggleSelect',
                layout: { type: WinJS.UI.ListLayout }
            }"></div>
    <!-- Termino el ListView -->
    <script src="node_modules/winjs/js/base.js"></script>
    <script src="node_modules/winjs/js/ui.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/index.js"></script>