Функция поиска Javascript в Appcelerator

Question

Я новый разработчик Javascript и мне нужна помощь в поиске и отображении данных.

У меня есть TableView (в index.xml), который получает данные из index.js, и данные хорошо отображаются на экране. Я также создал текстовое поле и кнопку поиска, но мне нужна помощь с извлечением пользовательского ввода и поиском сохраненных данных.

index.xml -

        <Button id="searchButton" onClick="find" class="button">Search</Button>

        <TextField id="SearchtextField" hintText="Search for products: "/>

index.js -

var myproducts = Alloy.Collections.products;

var product = Alloy.createModel('products', {title: 'toy' , desc: 'Toys'});
var product1 = Alloy.createModel('products', {title: 'Yo-yo' , desc: 'Toys'});
var product2 = Alloy.createModel('products', {title: 'Hammer' , desc: 'Hardware'});

myproducts.add(product);
myproducts.add(product1);
myproducts.add(product2);

product.save();
product1.save();
product2.save();

  function find() {



};

Я хочу, чтобы пользователь набрал "Hammer" в SearchtextField, а затем нажмите кнопку поиска, которая запускает функцию поиска и выводит "Hammer".

Благодарю вас

Answer 1

Таким образом, вместо того, чтобы отвечать на ваш вопрос в том виде, в котором он был задан, я собираюсь предложить другой подход.

На мобильных устройствах пользователи ожидают единого пользовательского интерфейса, а это означает "окно поиска" или "панель поиска" над списком (вид таблицы в вашем случае). К счастью, объект табличного представления Appcelerator включает встроенную функцию поиска, которую вам не нужно кодировать. Ознакомьтесь с документацией здесь: ( http://docs.appcelerator.com/platform/latest/)

Здесь также есть пример в руководстве TableViews ( http://docs.appcelerator.com/platform/latest/#!/guide/TableViews-section-29004930_TableViews-Searchingwithinatable)

Поиск автоматически найдет любую строку, название которой соответствует значениям, введенным в поле поиска. Так что просто начните печатать "молот", и он будет фильтровать строки до одного.

луч