1. Execute this sample code
2. Put 'h' into the searchBar
The rows that are shown after putting the 'h' character should be the one that are starting with 'h'.
Example screen shot attached.
// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#000');
var win1 = Titanium.UI.createWindow({
title:'Tab 1',
backgroundColor:'#fff'
});
// create table view data object
var data = [
{title:'Alan', hasChild:true, header:'A'},
{title:'Alice', hasDetail:true},
{title:'Alexander'},
{title:'Amos'},
{title:'Alonzo'},
{title:'Brad', header:'B'},
{title:'Brent'},
{title:'Billy'},
{title:'Brenda'},
{title:'Callie', header:'C'},
{title:'Cassie'},
{title:'Chris'},
{title:'Cameron'},
{title:'Don', header:'D'},
{title:'Dilbert'},
{title:'Deacon'},
{title:'Devin'},
{title:'Darin'},
{title:'Darcy'},
{title:'Erin', header:'E'},
{title:'Erica'},
{title:'Elvin'},
{title:'Edrick'},
{title:'Frank', header:'F'},
{title:'Fred'},
{title:'Fran'},
{title:'Felicity'},
{title:'George', header:'G'},
{title:'Gina'},
{title:'Gary'},
{title:'Herbert', header:'H'},
{title:'Henry'},
{title:'Harold'},
{title:'Ignatius', header:'I'},
{title:'Irving'},
{title:'Ivan'},
{title:'Dr. J', header:'J'},
{title:'Jefferson'},
{title:'Jenkins'},
{title:'Judy'},
{title:'Julie'},
{title:'Kristy', header:'K'},
{title:'Krusty the Clown'},
{title:'Klaus'},
{title:'Larry', header:'L'},
{title:'Leon'},
{title:'Lucy'},
{title:'Ludwig'},
{title:'Mary', header:'M'},
{title:'Mervin'},
{title:'Malcom'},
{title:'Mellon'},
{title:'Ned', header:'N'},
{title:'Nervous Eddie'},
{title:'Nelson'},
{title:'The Big O', header:'O'},
{title:'Orlando'},
{title:'Ox'},
{title:'Pluto', header:'P'},
{title:'Paris'},
{title:'Potsie'}
];
var search = Titanium.UI.createSearchBar({
showCancel:false
});
// create table view
var tableview = Titanium.UI.createTableView({
data:data,
search:search,
filterAttribute:'title'
});
// add table view to the window
win1.add(tableview);
win1.open();
Is this a new feature or a bug?
This behaviour is expected and properly documented on Ti.UI.TableView filterAttribute documentation as seen at http://docs.appcelerator.com/titanium/2.1/index.html#!/api/Titanium.UI.TableView-property-filterAttribute Now, I think a good feature request here would be the ability to map native NSPredicate queries into Ti.UI.TableView filter, in which case, we could use Apple's querying engine for native searchbar to improve our search and even search among other fields simultaneously with more flexible queries. Note that this is quite complex, for mapping predicates natively we would need valid instance maps of the fields values to be evaluated by Predicates, this is specially troublesome when using custom rows, thus passing as an argument to Ti.UI.TableView, a predicate parameter, in a model similar to the following:
// Fixture Data var tableData = [ {title:'Alan', hasChild:true, header:'A'}, {title:'Alice', hasDetail:true}, {title:'Alexander'}, {title:'Amos'}, {title:'Alonzo'}, {title:'Brad', header:'B'}, {title:'Brent'}, {title:'Billy'}, {title:'Brenda'}, {title:'Callie', header:'C'}, {title:'Cassie'}, {title:'Chris'}, {title:'Cameron'}, {title:'Don', header:'D'}, {title:'Dilbert'}, {title:'Deacon'}, {title:'Devin'}, {title:'Darin'}, {title:'Darcy'}, {title:'Erin', header:'E'}, {title:'Erica'}, {title:'Elvin'}, {title:'Edrick'}, {title:'Frank', header:'F'}, {title:'Fred'}, {title:'Fran'}, {title:'Felicity'}, {title:'George', header:'G'}, {title:'Gina'}, {title:'Gary'}, {title:'Herbert', header:'H'}, {title:'Henry'}, {title:'Harold'}, {title:'Ignatius', header:'I'}, {title:'Irving'}, {title:'Ivan'}, {title:'Dr. J', header:'J'}, {title:'Jefferson'}, {title:'Jenkins'}, {title:'Judy'}, {title:'Julie'}, {title:'Kristy', header:'K'}, {title:'Krusty the Clown'}, {title:'Klaus'}, {title:'Larry', header:'L'}, {title:'Leon'}, {title:'Lucy'}, {title:'Ludwig'}, {title:'Mary', header:'M'}, {title:'Mervin'}, {title:'Malcom'}, {title:'Mellon'}, {title:'Ned', header:'N'}, {title:'Nervous Eddie'}, {title:'Nelson'}, {title:'The Big O', header:'O'}, {title:'Orlando'}, {title:'Ox'}, {title:'Pluto', header:'P'}, {title:'Paris'}, {title:'Potsie'} ]; var search = Titanium.UI.createSearchBar({ showCancel:false }); // create table view var tableview = Titanium.UI.createTableView({ data:data, search:search, filterPredicate: "%title BEGINSWITH[cd] %SEARCHINPUT" });