Another tableview bug I've noticed with a working test case.\nBasically I like to hide the navbar when searching as it creates\nmore room for the user to see his/her results. With a tableview\nwith custom labels in it and/or one with a custom row height (not\nsure which exactly), searching causes the first page of results to\nbe blank. It appears to be a rendering error as if you scroll past\nit and then back up, they are redrawn correctly.
\nTo reproduce, do the following: 1. Take the\ncode below, throw it in a navgroup (or tabgroup, whatever\nworks)...or change it slightly to make it its own window
\n2. When you go to the page, you'll see a list of rows. Search for\nthe text \"test\"
\n3. As you type you'll notice the results are shown correctly, no\nproblems here
\n4. Then, hit the blue Search button on the keyboard. The searchbar\nblur event is sent, and the navbar is restored. This clears the\nfirst page of results.
\n5. Scrolling down and back up shows the first page properly.
I've confirmed this with both 1.4.0 and the 1.4.1 nightly from\n9/2/2010. The controls are contained in a rowView, but removing\nthat doesn't fix it. Also, trying to scroll the tableview to the\ntop to try to invoke a refresh doesn't work either.
\nHere's the code:
\n\nvar win = Ti.UI.currentWindow;\nvar max = 100;\nvar data = [];\n\nfor (var i=0; i<max; i++) {\n\n var row = Ti.UI.createTableViewRow({\n label:\"Testing: \" + i,\n className:'testRow'+i,\n height:100,\n });\n\n var rowView = Ti.UI.createView({ \n top:0,\n left:0, \n height:100,\n });\n \n var nameText = Ti.UI.createLabel({\n font:{fontSize:18,fontWeight:'bold'},\n left:70,\n top:2,\n height:25,\n width:220,\n text: \"Testing: \" + i\n });\n rowView.add(nameText);\n row.add(rowView);\n data[i] = row;\n}\n\n //\n // CREATE SEARCH BAR\n //\n //disable it for now due to bug rendering results (first few rows are blank after Search btn is selected)\n // however, filtering while we type works fine...very weird...\n var search = Ti.UI.createSearchBar({\n showCancel:false\n });\n search.addEventListener('change', function(e) {\n return e.value; // search string as user types\n });\n search.addEventListener('cancel', function(e) {\n search.blur();\n });\n \n //HAVING THIS HERE IS WHAT MESSES THE TABLE DISPLAY UP AFTER THE SEARCH BUTTON IS CLICKED \n search.addEventListener('focus', function(e){\n win.hideNavBar();\n });\n \n search.addEventListener('blur', function(e){\n win.showNavBar();\n });\n //////////////////\n\n\nvar tableview = Ti.UI.createTableView({\n search:search,\n data:data,\n filterAttribute:'label'\n});\n\n\n//Setup\nwin.add(tableview);\nI also have this problem.
\nIt would be nice to be able to reproduce Apple's search bar\nimplementation.
\nversion=1.5.0
\ntimestamp=11/21/10 21:50
\ngithash=9d2b18d
Tested 1.6.0GM. Test in bugtests.