3

一个简单的列表，例如

<div class="ui-page ui-page-active" id="main" >
        <ul id="currentList" class="ui-listview ui-virtuallistview">
            <li>test</li>
            <li>test2</li>
        </ul>
</div>

在 Tizen 中，可穿戴圆形手表 Gear S2 运行良好。我们可以通过表轮滚动列表，当前项目似乎已被选中。

通过 jquery 更改/添加一些新列表项后，新项目无法通过手表轮滚动。

$("#currentList").append('<li>testXXX</li>');

我们尝试了

$("#currentList").listview('refresh');

更新和重新评估列表，但该功能不可用。

4

2 回答 2

3

在您为圆形齿轮创建的 Web 应用程序中，默认情况下没有可用的 jquery 库。因此，该函数不可用 listview()。

您必须在项目中包含 jquery 库，然后才能调用 listview('refresh') 来刷新列表。

编辑：如何使用挡板/滚轮滚动列表？

要使用 beezel(wheel) 滚动列表，需要在项目中包含一些额外的代码和库。

请检查 SDK 中提供的以下示例项目

文件 -> Tizen 新项目 -> 示例 -> UI -> UI 组件

这个示例应用程序的主页显示了一个可以使用 beezel 滚动的列表。

您可以将此项目作为参考，按照 Gear S2 UI 指南创建所有类型的 UI 设计。

于 2015-11-22T16:02:25.823 回答
0

是的，我将空项目放在列表元素中，如下所示：

<ul id="boardList" class="ui-listview">
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    ...
</ul>

之后，在 js 文件中我删除了它并添加了新元素。我读到这是一个错误。

初始化函数：

document.getElementById("boardList").style.display = 'none'; //hide dummy list

成功函数：

var list = document.getElementById("boardList");
list.innerHTML = ""; //clean dummy list
list.style.display = ''; //show list
for (var j = 0; j < boardingList.length; j++) {
    showItemList(j,list);
}
于 2015-12-14T10:34:47.323 回答