鈦合金數據綁定：如何從點擊視圖獲取當前模型？

Question

我是鈦合金，MVC框架和Backbone.js的新手，所以我在包裝一些概念時遇到了一些麻煩。

類似的問題以前已經問：

Getting ID of clicked TableRow in Titanium Alloy?

Appcelerator Titanium Alloy: How to store data on a ScrollableView to use in click event

但是，雖然我試圖按照答案，我似乎無法得到下面的代碼按預期運行。

基本上，當鈦合金中的數據綁定時，您如何將當前模型傳遞給控制器​​？ （另外，這是我在這裏的第一個問題，所以如果有任何方面我可以改進我的查詢請讓我知道，謝謝）。

型號

exports.definition = { 
config: { 
    columns: { 
     "issueNo": "number", 
     "date": "string", 
     "summary": "string", 
     "cover": "string" 
    }, 
    adapter: { 
     type: "sql", 
     collection_name: "issue" 
    } 
}, 
extendModel: function(Model) { 
    _.extend(Model.prototype, { 
     // extended functions and properties go here 
    }); 

    return Model; 
}, 
extendCollection: function(Collection) { 
    _.extend(Collection.prototype, { 
     // extended functions and properties go here 
    }); 

    return Collection; 
} 
}; 

查看

<Alloy> 
<Collection src="issue" /> 
<Window class="container" onClose="cleanup"> 
    <View id="header"> 
     <Label id="title">Christian</Label> 
    </View> 
    <View id="library" class="body" layout="vertical" dataCollection="issue"> 
     <View id="issuesList" model="{alloy_id}" onClick="alertModel"> 
      <ImageView id="cover" image="{cover}"></ImageView> 
      <Label id="date" text="{date}"></Label> 
      <Label id="summary" text="{summary}"></Label> 
      <View class="border"></View> 
     </View> 
    </View> 
    <View id="store" class="body" layout="vertical" visible="false" backgroundColor="yellow"> 

    </View> 
    <View id="footer"> 
     <TabbedBar id="bottomNav" platform="ios" index="0" onClick="viewSelect"> 
      <Labels> 
       <Label>Library</Label> 
       <Label>Store</Label> 
      </Labels> 
     </TabbedBar> 
    </View> 
</Window> 
</Alloy> 

控制器

var Newsstand = require("ti.newsstand"); 
Newsstand.enableDevMode(); 

var issues = Alloy.Collections.issue; 
issues.fetch(); 

var issue1 = Alloy.createModel("issue", { 
    issueNo: 1, 
    date: "1/1/2014", 
    summary: "Some text.", 
    cover: "/issues/cover_1.png" 
}); 

var issue2 = Alloy.createModel("issue", { 
    issueNo: 2, 
    date: "1/2/2014", 
    summary: "Some text.", 
    cover: "/issues/cover_2.png" 
}); 

var issue3 = Alloy.createModel("issue", { 
    issueNo: 3, 
    date: "1/3/2014", 
    summary: "Some text.", 
    cover: "/issues/cover_3.png" 
}); 

issues.add(issue1); 
issues.add(issue2); 
issues.add(issue3); 


function viewSelect(tabbedBar) { 
    var index = tabbedBar.index, 
     library = $.library, 
     store = $.store, 
     bottomNav = $.bottomNav; 

    if (index === 0) { 
     library.visible = true; 
     store.visible = false; 
    } else { 
     store.visible = true; 
     library.visible = false; 
    } 
} 

function alertModel(e){ 
    var modelId = e.model, 
     model = issues.get(modelId), 
     issueNumber = model.get("issueNo"); 

    alert(issueNumber); 
} 

function cleanup() { 
    $.destroy(); 
} 

$.index.open(); 

Answer 1

更新的答案基於commen t來自OP：

在您發佈的第二個鏈接上，如果將數據綁定到視圖上，它說您需要在視圖模板中的所有元素上設置touchEnabled =「false」，然後在您的e.source.model中使用alertModel函數。經過測試，它適用於我。

var modelId = e.source.model, 
     model = issues.get(modelId), 
     issueNumber = model.get("issueNo"); 

我總是用列表視圖綁定我的數據，並使用這些，當你不需要明確設置touchEnabled。

此外，在將模型保存到數據庫之前，alloy_id不會創建。在你的集合上調用.add（）不會保存它，你必須在你的模型上調用.save（）來保存它。

這裏的示例：https://github.com/foolprooflabs/testforcurzmg