Nativescript 搜索栏答案

【问题标题】：Native script search barNativescript 搜索栏
【发布时间】：2015-08-12 11:02:42
【问题描述】：

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

【问题讨论】：

标签： javascript listview nativescript

【解决方案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 在列表中进行搜索并传递参数以呈现列表，或者，如果您使用双向数据绑定，则只需更新模型即可。

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

【讨论】：

你拯救了我的一天 :) 顺便说一句，args.object 的结构在文档中几乎一目了然。您在哪里找到要检索的 text 属性？
@dragonmnl Chrome 开发工具是我的朋友哈哈
你能更准确吗？由于 Nativescript 应用程序已部署到本机，您如何使用 Chrome 开发工具？（我知道对于混合应用程序，例如 Ionic，我可以远程检查）
@dragonmnl 我正在使用开发工具，但我只是开玩笑说的。 API 参考文档中有您所需要的一切：docs.nativescript.org/ApiReference/ui/search-bar/SearchBar.html
@sabri 别担心，我们随时为您提供帮助 :)