2

我是 Titanium 和 Backbone 的新手。我以前使用过 JS 框架（最熟悉的是 Knockout.js），但是 Backbone 以及它与 Alloy 一起使用的方式需要一些时间来适应。

我想做一些非常简单的事情。我有一个绑定到 TableView 的集合。我想做的就是在单击特定行时获取与特定行关联的数据。

这应该是微不足道的，但所有文档似乎都假设您已经知道如何使用 Alloy！

模型

exports.definition = {
    config: {
        columns: {
            subject: "text",
            convo_id: "integer",
            created: "text",
            modified: "text"
        },
...

看法

<Alloy>
    <Window id="convosView" title="Conversations">
        <ScrollView id="convoScrollList">
            <TableView id="convoList" dataCollection="convos">
                <TableViewRow onClick="rowClick">
                    <View class="convoRow">
                        <Label class="convoTitle" text="{subject}" />
                        <Label class="convoDate" text="{created}" />
                        <View class="rowArrow" />
                    </View>
                </TableViewRow>
            </TableView>
        </ScrollView>
    </Window>
</Alloy>

控制器

var conversations = Alloy.Collections.convos;
conversations.fetch();

function rowClick(e) {
    alert(e.created);
};
4

2 回答 2

1

看看我创建的 ti fugutive 应用程序的示例端口。基本思想是将模型的 id 保存在表格行中，然后单击，获取模型。

$.table.addEventListener('click', function(_e) {
    var detailController = Alloy.createController('FugitiveDetail', {
        parentTab : $.fugitiveTab,
        data : fugitiveCollection.get(_e.rowData.model)
    });
    $.fugitiveTab.open(detailController.getView());
});

表格行是这样构造的

<Alloy>
    <!-- have to use alloy_id since I did not specify an id in the schema -->
    <TableViewRow id="row" dataId="" model="{alloy_id}">
        <View class="vgroup">
            <Label id="name" text="{name}"/>
            <Label id="address" text="{address}"/>
        </View>
    </TableViewRow>
</Alloy>
于 2013-08-03T22:55:12.507 回答
0

做这样的事情

function rowClick(e) {
    alert(e.rowData);
};

您还可以按如下方式获取索引

function rowClick(e) {
        alert(e.index);
    };

谢谢

于 2013-08-02T12:46:04.420 回答