Question

像

这样的简单列表

<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');

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

Answer 1

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

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

编辑：如何使用beezel / wheel滚动列表？

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

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

文件 - ＆gt; Tizen新项目 - ＆gt;样品 - ＆gt; UI - ＆gt; UI组件

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

您可以将此项目作为参考，根据Gear S2 UI准则创建所有类型的UI设计。

Answer 2

是的，我把空元素放在list元素中，如下所示：

<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文件中我删除了这个并添加了新元素。我读到这是一个错误。

init函数：

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);
}

Tizen动态列表不能通过滚轮滚动

2 个答案: