Book Image

Appcelerator Titanium Smartphone App Development Cookbook

By : Boydlee Pollentine
Book Image

Appcelerator Titanium Smartphone App Development Cookbook

By: Boydlee Pollentine

Overview of this book

<p>Appcelerator Titanium Mobile allows developers to realize their potential to develop full native iPhone and Android applications by using free Titanium Studio tools without the need to know Objective-C or Java. This practical hands-on cookbook shows you exactly how to leverage the Titanium API to its full advantage and become confident in developing mobile applications in no time at all.<br /><br />Appcelerator Titanium Smartphone App Development Cookbook offers a set of practical and clear recipes with a step-by-step approach for building native applications for both the iPhone and Android platforms using your existing knowledge of JavaScript.<br /><br />This cookbook takes a pragmatic approach to using your JavaScript knowledge to create applications for the iPhone and Android platforms, from putting together basic UIs to handling events and implementation of third party services such Twitter, Facebook and Push notifications. This book shows you how to utilize both remote and local datasources using XML, JSON and the SQLite database system. The topics covered will guide you to use popular Titanium Studio tools effectively and help you leverage all the advanced mobile features such as Geolocation, Accelerometer, animation and more. Finally, you’ll learn how to register developer accounts and how to publish your very own apps to the Android and Apple marketplaces.</p>
Table of Contents (18 chapters)
Appcelerator Titanium Smartphone App Development Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface

Filtering the TableView using a SearchBar component


So what happens when your user wants to search all data in your TableView? By far the easiest way is to use the SearchBar component. This is a standard control that consists of a searchable text field with an optional cancel button, and attaches to the top of your table view using the table view's searchBar property.

In this next recipe, we will implement a search bar into our MyRecipes app that filters our recipes based on the title property.

Note

Complete source code for this recipe can be found in the /Chapter 2/Recipe 4 folder.

How to do it...

First of all, create a searchBar component before your tableView is defined, and then create the event listener's for the searchBar.

//define our search bar which will attach 
//to our table view
var searchBar = Titanium.UI.createSearchBar({
  showCancel:true,
  height:43,
  top:0
});

//print out the searchbar value whenever it changes
searchBar.addEventListener('change', function(e){
  //search the...