原生脚本搜索栏

时间:2015-08-12 11:02:42

标签: javascript listview nativescript

我是本机脚本和javascript的新手。我正在尝试为列表添加搜索栏。将从列表视图中搜索关键字。我可以添加搜索栏并获取它的提交事件。我检查了搜索栏的tns模块但是我没有得到如何在我的JS文件中访问它的方法并根据搜索关键字呈现新的列表视图。

1 个答案:

答案 0 :(得分: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在列表中进行搜索并传递参数以呈现列表,或者,如果您使用的是双向数据绑定,则只需更新模型。 / p>

如果您需要有关searchBarModule的更多信息,可以在API reference

找到它