javascript - 原生脚本搜索栏

Question

我是原生脚本和 JavaScript 的新手。我正在尝试添加列表的搜索栏。将从 ListView 中搜索关键字。我可以添加搜索栏并获取它的提交事件。我检查了搜索栏的 tns 模块，但我不知道如何在 JS 文件中访问它的方法并根据搜索关键字呈现新的 ListView 。

Answer 1

引用搜索栏模块后:

var searchBarModule = require("ui/search-bar");

并实例化它:

var searchBar = new searchBarModule.SearchBar();

您需要为submitEvent 创建一个监听器，其中接收搜索作为参数的一部分:

searchBar.on(searchBarModule.SearchBar.submitEvent, function (args) {
    console.log("Search for " + args.object.text);
    //you can use the search text for what you want
});

您可以使用 args.object.text 在列表中进行搜索并传递参数来呈现列表，或者，如果您使用双向数据绑定(bind)，则需要只需更新模型即可。

如果您需要有关 searchBarModule 的更多信息，可以在 API reference 找到它。