0

我正在使用最新的 Tianium Appcelerator，我的项目正在使用 Alloy。

我有一个TableViewid：tblResults

在我的控制器中，我使用如下行填充此表视图：

// Dummy data
var results = [];
results.push({
    title: 'Hello World',
    value: '123456'
});
results.push({
    title: 'Bye World',
    value: '654321'
});

// Build result data
var resultData = [];
for (var i = 0; i < results.length; i++) {
    resultData.push(createResultRow(
        results[i].title,
        results[i].value
    ));
}

// Method to create result row
function createResultRow(myTitle, myValue) {
    var tableRow = Titanium.UI.createTableViewRow({
        height: 160
        id: 'row-'+ myValue
    });
    var tableRowView = Titanium.UI.createView({
        layout: 'horizontal'
    });
    var myButton = Titanium.UI.createButton({
        title: myTitle,
        btnValue: myValue
    });
    myButton.addEventListener('click', function(e) {
        handleButtonClick(e);
    });
    tableRowView.add(myButton);
    tableRow.add(tableRowView);
    return tableRow;
}

// Set table data
$.tblResults.setData(resultData);

// Method to handle button click
function handleButtonClick(e) {
    if (e.source && e.source.btnValue) {
        // how to select row having a id: 'row-'+ e.source.btnValue ???
    }
}

这将做的是，生成一个虚拟对象数组。然后使用它，用具有视图的行填充表视图，其中有一个按钮。

我想要实现的是，当单击按钮时，我想选择具有如下 ID 的表行：

'row-'+ e.source.btnValue

在纯 javascript/jquery DOM 风格中，我会做这样的事情：

$('#row-'+ e.source.btnValue)

如何在 Titanium Appcelerator 中实现这一点？是否有某种类似于 jQuery 的元素选择器功能？

4

3 回答 3

3

这是我们目前不支持但应该支持的经常请求的功能。现在，您必须保留 id -> view reference 的散列并以这种方式查找。但是，我在这里打开了一个功能请求https://jira.appcelerator.org/browse/TIMOB-20286

于 2016-01-28T17:43:33.387 回答
0

对于表格和列表视图，始终使用表格/列表上的clickanditemclick事件。这些事件为您提供选定的行 ( e.row) 以及单击的实际视图 ( e.source)。它也比在所有行的按钮上都有一个侦听器更有效。

您的代码如下所示：

$.tblResults.addEventListener('click', handleButtonClick); // or bind in XML

// Method to handle button click
function handleButtonClick(e) {

    // user tapped on button
    if (e.source.btnValue) {
        var row = e.row;
    }
}
于 2016-02-01T11:38:31.777 回答
0

如果您对行有选择方法，则可以这样做：

$.table.addEventListener('click',function(e) {

    if(e.row.select) e.row.select();
    //or
    if(rows[e.index]) rows[e.index].select();
});
于 2016-01-28T17:43:58.323 回答