Question

我希望能够在每一行（createTableViewRow）中放置一个不同的按钮。我创建了五个按钮（Titanium.UI.createButton），但我不知道如何为每个创建的行放置所有五个按钮。有人可以给我一个如何做的暗示吗？

function sendAjax() {

    var xhr = Titanium.Network.createHTTPClient();

    xhr.onerror = function(e){
        var error = e.error;
        alert(error);               
    };
    xhr.open('GET', 'http://xxxxxxxxxxxxxx');
    xhr.send();

    var tv = Titanium.UI.createTableView({
        height: Titanium.UI.SIZE,
        width: Titanium.UI.FILL
    });
    win2.add(tv);

    xhr.onload = function() {

        var data = [];
        var schools = JSON.parse(this.responseText);

        for (s in schools) {
            data.push(Titanium.UI.createTableViewRow({
            title: schools[s].Name
        }));
    }
    tv.data = data;
    };
}

Answer 1

您应该在tableView上添加侦听器事件，而不是在行内的每个按钮上添加：

tableView.addEventListener("click", function (event) {
    if (event.source.buttonid) {
       //it's a button
    }
});

Answer 2

试试这个，

var win = Ti.UI.createWindow({
backgroundColor : '#fff'
});

var tableData = [];

for(var i = 0; i < 10; i++) {
var row = Ti.UI.createTableViewRow();
var button = Ti.UI.createButton({
    title : 'Button ' + i,
    width : 100,
    height : 40,
    buttonid : i    //our custom button property
});
row.add(button);
tableData.push(row);

button.addEventListener('click', function(e) {
    Ti.API.info('button ' + e.source.buttonid + ' clicked.');
    alert('Button ' + e.source.buttonid);
});
}

var tableView = Ti.UI.createTableView({
data : tableData
});

win.add(tableView);

win.open();

此答案来自here

更新：

function sendAjax() {

var xhr = Titanium.Network.createHTTPClient();

xhr.onerror = function(e){
    var error = e.error;
    alert(error);               
};
xhr.open('GET', 'http://xxxxxxxxxxxxxx');
xhr.send();

var tv = Titanium.UI.createTableView({
    height: Titanium.UI.SIZE,
    width: Titanium.UI.FILL
});
win2.add(tv);

xhr.onload = function() {

    var data = [];
    var schools = JSON.parse(this.responseText);
    for (s in schools) {
    var row = Ti.UI.createTableViewRow();
    var rowItem = Ti.UI.createView({
       height : 40,
       width : Ti.UI.FILL,
       layout : 'horizontal'
    });
    row.add(rowItem);
    var title = Ti.UI.createLabel({
       height : 40,
       text : schools[s].Name,
       width : Ti.UI.SIZE
    });

    rowItem.add(title);
    var button = Ti.UI.createButton({
        title : 'click ',
        width : 100,
        height : 40,
        buttonid : s    //our custom button property
    });
    rowItem.add(button);
    data.push(row);

    button.addEventListener('click', function(e) {
        Ti.API.info('button ' + JSON.stringify(e.source.buttonid) + ' clicked.');

    });
    };

    tv.data = data;
};
};

不要忘记将此标记为正确答案如果有用。

如何在钛工作室的每一行上放置一个按钮？

2 个答案: