Titanium Studio JavaScript - adding buttons to table views

Question

Is it possible to add buttons to table views? I am trying to create a screen that resembles a settings screen on the iPhone.

I know you are able to add the little arrow that represents that the list has a child but what I'm specifically looking for is how to add a plus button to the right side of my table view.

Are you using Alloy or classic Titanium (Javascript only)?

Kip
– Kip

2014-10-01 05:59:34 +00:00
Commented Oct 1, 2014 at 5:59 — Kip
– Kip, Commented Oct 1, 2014 at 5:59

Anand · Accepted Answer · 2014-10-01 06:41:27Z

1

You need to add a button to the row. That means you need to create a custom row. It's much simpler. Try the following

function createRow(){  
    var tableRow = Ti.UI.createTableViewRow({
        hasChild : false,
        width    : '100%',
        height   : 55,
    });

    var addButton = Ti.UI.createButton({
        title    : '+',
        width    : 40,
        height   : 40,
        right    : '3%'
    });

    addButton.addEventListener('click', function(){
        alert("Hey, you clicked + button");
    });

    tableRow.add(addButton);

    return tableRow;
}

The above code creates a customized row. Hope it helps you. Let me know if you have any questions.

answered Oct 1, 2014 at 6:41

Anand

5,3305 gold badges47 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Anand Over a year ago

@ThomasMcDonald: From your previous question, assuming that you are using classic Titanium.

Collectives™ on Stack Overflow

Titanium Studio JavaScript - adding buttons to table views

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related