Nice tutorial!

Thanks for the great tutorial!!

Everything is working for me except I cannot get an Event Listener to link up with the data in order to open new windows when a table selection is made. I have other regular tables that open windows just fine but for some reason I cannot get the event listener to read the data. (I used an alert dialog from kitchen sink and the table does listen just fine, showing the dialog).

Thanks and I can’t wait for more of your Titanium tutorials!

Try in this lines:

// create table view event listener
tableview.addEventListener(‘click’, function(e)
{
var newwin = Titanium.UI.createWindow({
url:e.rowData.test,
title:e.rowData.date
});

});

to add some logging to see if you get the rowData,

Titanium.API.info(e.rowData);

and try simply with

newwin.open({transition:Titanium.UI.iPhone.AnimationStyle.FLIP_FROM_LEFT})

instead of trying to get the current tab.
To be hones I’ve never been able to use right currentWindow and currentTab.
A solution would be to make your own stack of tabs and take it from there.

try
Titanium.API.info(e.source.rowData);

or

Titanium.API.info(e.rowData.rowData);
and let me know.
If none is working I will import your code in a Titanium project and try to figure out what’s going on.

I’m waiting for your reply

Ok, I’ll take a deeper look at your code and let you know.

I found it you forgot to add the test and date fields to your row
Add this when you build the row
row.test = customData[i].test;
row.date = customData[i].date;

Another thing would be to try to make the variables more clear, you have another date variable that is a label and may confuse you ( or maybe this was the reason you lost so much time ).

let me know

Great tip – just what I was looking for.

I needed a way to add the same data to EVERY row, like background color, etc

thanks

Can you post some code on http://pastie.org so I can take a look at your code?

I’m working on a countdown example for titanium, with a little of OOP for javascript
For the popup window I don’t know yet, I didn’t need it so far , but you could ask on the Appcelerator list

http://developer.appcelerator.com/questions/created

Awesome tutorial, I was trying to figure out from the api how to get this working and your tutorial outlined it nicely! Thanks!

Awesome!

How do I set the searchBar to search by the label in the custom row?

ya men
pls given some example of blackberry for this type.

I’m sorry but BB it’s beta and I don’t have yet access to it. If you have bought the pro pack you should be able to talk to the team if you have issues.

@Fish
Each different layout of the rows should have it’s own className.
So label/checkbox – className:’lblck’
some_other_layout – className:’otherlayout’

and so on.
All the rows that respects a specific layout put it with the same className.

If you use the same className on different layouts your app may crash

hey one more quick question. I want to use a Custom Data array like you have without hard coding each row. But I need to be able to access each textfield object. The problem is that if I use this inside my loop:

var tf = Titanium.UI.createTextField({…

I can’t access each of the rows because tf.value would be over written each time. Or am I just not thinking straight here. Had I hardcoded this I could access tf1 and tf2 etc…. Would I use a dynamic variable or something?

My JS is a bit rusty.

Thanks

Fish

Thanks for getting back to me.. and sorry for the follow ups. I’m still trying to wrap my head around this.

I do use row.add(tf) within the loop. But I’m sorta not getting how to call a row by name vs by array index. I guess I can re-iterate through the array and get the index number to know whats what. The reason is that I am going to have long form that I’m going to want to access elements of here and there. Doing so by name would be easier for sure.

I’ve been on vacation this week so I’m not completely focused. I’m sure it will be a bit more clear next week when I get back. Thanks again

Fish

I see what you’re saying.

I’m having trouble getting the values in those fields by any methods. If you have a quick second, can you possibly give me a quick example of how to call the value using the row.rowData.tf.value method you mentioned. Googled and looked in the Ti community but havent found my answer yet.

I have 2 rows right now… one is username and one is password.

I posted my code on the forum as well:
http://developer.appcelerator.com/question/60231/get-values-from-input-textfields-in-custom-table-view

Thanks Dan!

Fish

When you build the row, put everything in a big view and you can set the backgroundColor property of it based on your needs. After this add this view to the row.

In the custom row how can you add a button with it’s own unique colour to it?

Thanks
Shaun

Be aware that this does not work on Android, clicking the left image will trigger some bug in Titanium that will change the image, remove it but even worse – will change the index value from now on other objects like the title/text….

https://developer.appcelerator.com/question/60861/two-listeners-triggered-at-the-same-time-removeeventlistener-doesnt-work

//Create a message Window
var msgwin = Titanium.UI.createWindow({
height:30,
width:250,
bottom:70,
borderRadius:10,
touchEnabled:false,

orientationModes : [
Titanium.UI.PORTRAIT,
Titanium.UI.UPSIDE_PORTRAIT,
Titanium.UI.LANDSCAPE_LEFT,
Titanium.UI.LANDSCAPE_RIGHT,
]
});

var msgView = Titanium.UI.createView({
height:30,
width:250,
borderRadius:10,
backgroundColor:’#000′,
opacity:0.7,
touchEnabled:false
});

var msgLabel = Titanium.UI.createLabel({
text:”,
color:’#fff’,
width:250,
height:’auto’,
font:{
fontFamily:’Helvetica Neue’,
fontSize:13
},
textAlign:’center’
});
msgwin.add(msgView);
msgwin.add(msgLabel);

var data=[{title:"New Message",hasChild:true},{title:"Inbox"},{title:"sent"}];
//var row1 = Titanium.UI.createTableViewRow({title:’Compose’});

var table = Titanium.UI.createTableView({
backgroundColor:’transparent’,

//style: Titanium.UI.iPhone.TableViewStyle.PLAIN,
data:data

});
//table.add(row1);
table.addEventListener(‘click’,function(e)
{
e.msgwin.open({transition:Titanium.UI.iPhone.AnimationStyle.FLIP_FROM_LEFT});
});
Titanium.UI.currentTab.open(newwin,{animated:true});

win1.add(table);

the msg window is not coming after clicking on the table..
Plz suggest me

Thank you, you shared a good concept

‘country_row’ is just a string, is not a variable. You can use anything there, as long as it’s the same string for the rows that has similar layout.

The “className” is just a coincidence with the css similar property. The way titanium works is not exactly as it does a web browser. The syntax is similar to CSS and it uses Javascript only to facilitate the development of iphone apps for web developers.
The right arrow is defined by the hasChild property of the row.

Great help here. Just wondered if you could clarify were you put the code you suggested to appceleron? I have exactly the same problem as them but cannot get it to work! So close!

Thanks for this great tutorial!

But Your code is something wrong. Your For() statement always returns false.

Please See below code.
————————————————

for (var i = CustomData.length – 1; i <= 0; i–) {

for (var i = CustomData.length – 1; 0 <= i; i–) {

or

var length = CustomData.length;

for(var i = 0;i<length;i++) {

—————————

another great tutorial, thanks for sharing.

I’m trying to add an event listener for the links but I keep getting this error when I click on a row:
[WARN] Exception in event callback. {
expressionBeginOffset = 2110;
expressionCaretOffset = 2119;
expressionEndOffset = 2119;
line = 79;
message = “Can’t find variable: newWindow”;
name = ReferenceError;
sourceId = 204767424;
sourceURL = “file://localhost/Users/xxx/Development/xxx/Resources/view.js”;
}

Could you please have a quick look? http://pastie.org/1543977 . Thank you!

appreciate your quick reply.

When I move the newWindow into the ‘if’ it doesn’t do anything, nothing is shown in the debug window either. I’ve noticed if I comment out the line about the listener, “tableview.setData(data);”, the links work fine, however the rows are not populated with any of images / text / etc… Any idea where the conflict is? I have events firing on other windows fine but I cant figure this one out..

perfect! thanks a lot for taking the time!