javascript - ネイティブ スクリプト検索バー

Question

ネイティブ スクリプトと JavaScript は初めてです。リストに検索バーを追加しようとしています。キーワードはリストビューから検索されます。検索バーを追加して送信イベントを取得できます。検索バーの tns モジュールを確認しましたが、JS ファイルのメソッドにアクセスし、検索キーワードに従って新しいリスト ビューをレンダリングする方法がわかりません。

Answer 1

search-bar モジュールを参照したら、次のようにします。

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 リファレンスで見つけることができます。