2016-05-17 6 views
0

検索バーのイベントを取得しようとしていますが、回答がありません... もっと何かする必要がありますか?SearchBar on submit

TS:

import {CompaniesViewModel} from "../../shared/models/companyModel"; 
import {Page} from "ui/page"; 
import {SearchBar} from "ui/search-bar"; 

export function pageLoaded(args) { 
    console.log('pageLoaded'); 
    var page = <Page>args.object; 
    page.bindingContext = new CompaniesViewModel(); 

    var searchBar = new SearchBar(); 
    searchBar.on(SearchBar.submitEvent, function (args) { 
     console.log("Search for " + (<SearchBar>args.object).text); 
    }); 
    searchBar.on(SearchBar.clearEvent, function (args) { 
     console.log("Clear"); 
    }); 
} 

XMS:

<SearchBar row="1" text="{{ search }}" hint="NIF ou Nome da empresa" id="search" /> 

答えて

2

searchBar変数は新しいSearchBarで初期化し、XMLで定義された検索バーとは何の関係もありませんので、これがあります。 TSを次のように変更してください:

import {CompaniesViewModel} from "../../shared/models/companyModel"; 
import {Page} from "ui/page"; 
import {SearchBar} from "ui/search-bar"; 

export function pageLoaded(args) { 
    console.log('pageLoaded'); 
    var page = <Page>args.object; 
    page.bindingContext = new CompaniesViewModel(); 

    var searchBar = page.getViewById<SearchBar>("search"); 
    searchBar.on(SearchBar.submitEvent, function (args) { 
     console.log("Search for " + (<SearchBar>args.object).text); 
    }); 
    searchBar.on(SearchBar.clearEvent, function (args) { 
     console.log("Clear"); 
    }); 
} 
+0

ありがとう! :D私は論理を理解し始めています:P –