Search field on IPad project
I am trying to use a search box outside a tableview in my IPad project.
Hal pointed me to the right direction:
http://developer.appcelerator.com/question/85611/search-field-not-search-bar
But for some weird reason, when i add the search bar the table view adds a white space above the table (check the screens) below. And i cannot get rid of the 'search bar' look. I just one the field, like we use here at the forum
tks in advance :)
//
// CREATE SEARCH BAR
//
var searchbox = Titanium.UI.createView({
top:63,
height:40,
left:530,
widht:60
})
var searcher = Titanium.UI.createSearchBar({
barColor:'transparent',
// backgroundImage:'',
backgroundColor:'transparent',
showCancel:false
});
searcher.addEventListener('change', function(e)
{
e.value; // search string as user types
});
searcher.addEventListener('return', function(e)
{
searcher.blur();
});
searcher.addEventListener('cancel', function(e)
{
searcher.blur();
});
searchbox.add(searcher);
win1.add(searchbox);
//
// create table view (
//
tableView = Titanium.UI.createTableView({
data:data,
backgroundColor:'white',
width:325,
height: 300,
left:35,
top: 150,
filterAttribute:'clientname',
borderColor:'red',
border: 1,
separatorStyle:Ti.UI.iPhone.TableViewSeparatorStyle.NONE
});
5 Answers
-
look at you "left" and "top" values for how you are laying out the views, I believe that is what is causing some of your problems.
-
If you want the Search field to occupy the full width of your app, I would do the following:
Set your 'width' as 100% and 'left' to 0, or just remove it.
var searchbox = Titanium.UI.createView({ top:63, height:40, left:0, width: '100%' });
-
Thanks for the tips Aaron and Antonio.
I am not trying to occupy the full width. I just want to get rid of the "bar" style (like the search field here at the forum):
But my problem is the WHITE space this search bar create on top of my tableview. When i add:
tableView.search = searcher;
The tableview seems to create a white space above the actual rows…
any tips?
-
try this:
tableView.setContentInsets({top:0})
let me know if it works.
-
Bump… Any insights? :)