Javascript Windows 8 ListView计数始终为0 | winControl.selection.count();返回0
我正在尝试创建一个新的windows 8应用程序,并尝试实现列表视图Javascript Windows 8 ListView计数始终为0 | winControl.selection.count();返回0,javascript,windows-8,Javascript,Windows 8,我正在尝试创建一个新的windows 8应用程序,并尝试实现列表视图 我当前的问题是document.querySelector(“#myListView”).winControl.selection.count();始终返回0。。当我选择、取消选择listview时,等等。我在listview中手动加载了我的项目,这与此有关吗?请显示您的代码好吗?因为在我的例子中,这个函数是正确的。dataExample.js文件中的以下代码: (function () { "use strict"; va
我当前的问题是document.querySelector(“#myListView”).winControl.selection.count();始终返回0。。当我选择、取消选择listview时,等等。我在listview中手动加载了我的项目,这与此有关吗?请显示您的代码好吗?因为在我的例子中,这个函数是正确的。dataExample.js文件中的以下代码:
(function () {
"use strict";
var dataArray = [
{ title: "Basic banana", text: "Low-fat frozen yogurt", picture: "images/60banana.png" },
{ title: "Banana blast", text: "Ice cream", picture: "images/60banana.png" },
{ title: "Marvelous mint", text: "Gelato", picture: "images/60mint.png" },
{ title: "Succulent strawberry", text: "Sorbet", picture: "images/60strawberry.png" }
];
var dataList = new WinJS.Binding.List(dataArray);
var publicMembers =
{
itemList: dataList
};
WinJS.Namespace.define("DataExample", publicMembers);
})();
在default.js中,我创建了一个函数,它显示所选项目的计数
function someFunc(mouseEvent) {
var count = document.getElementById("basicListView").winControl.selection.count();
var dlg = new Windows.UI.Popups.MessageDialog(count);
dlg.showAsync().operatio;
}
My default.html包含以下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>App1</title>
<!-- WinJS references -->
<link href="//Microsoft.WinJS.1.0/css/ui-white.css" rel="stylesheet" />
<script src="//Microsoft.WinJS.1.0/js/base.js"></script>
<script src="//Microsoft.WinJS.1.0/js/ui.js"></script>
<!-- App1 references -->
<link href="/css/default.css" rel="stylesheet" />
<script src="/js/default.js"></script>
<script src="/js/dataExample.js"></script>
</head>
<body>
<button id="btn" class="ui-button" onclick="someFunc(event)">click me</button>
<p id="button1Output"></p>
<div id="basicListView" data-win-control="WinJS.UI.ListView" data-win-options="{ itemDataSource : DataExample.itemList.dataSource }">
</div>
</body>
</html>
附件1
点击我
我使用我们需要在ListView的data win选项中将selectionMode添加到“multi”
<div id="UserListView" data-win-control="WinJS.UI.ListView" style="border-top: 5px solid #000; min-width:500px;"
data-win-options="{
selectionMode:'multi',
itemTemplate:select('#itemsList'),
layout:{
type:WinJS.UI.GridLayout}}"
>
</div>
var testCount = UserListView.winControl.selection.count();