Aaron Saunders による「Building Cross-Platform Apps Using Titanium, Alloy, and Appcelerator Cloud Services」の第 2 章のサンプル コードに従おうとしています。以下に示すように、index.js で宣言されているにもかかわらず、cars コレクションが見つからないように見えるランタイム エラーが発生します。
関連するコードは index.js または cars.js のいずれかにあると思います ---
//cars.js
// Arguments passed into this controller can be accessed via the $.args` object directly or:
var args = $.args;
function doClick(e) {
alert($.label.text);
}
// controllers/cars.js
function transform(model) {
// Need to convert the model to a JSON object
var carObject = model.toJSON();
return {
"title" : carObject.model + " by " + carObject.make,
"id" : model.cid
};
}
// Show only cars made by Honda
function filter(collection) {
return collection.where({
make : 'Honda'
});
}
// NOTE: I had to add the id mytable to the xml code for the cars view
// and then change this line from $.table.add.... to get past
// another error on this line
$.mytable.addEventListener('click', function(_event) {
// get the correct model
var model = Alloy.Collections.cars._getByCid(_event.rowData.modelId);
// create the controller and pass in the model
var detailController = Alloy.createController('detail', {
data : model
});
// get view returns the root view when no view ID is provided
detailController.getView().open({
modal : true
});
});
// Free model-view data binding resources when view-controller
// closes
$.mainWindow.addEventListener('close', function() {
$.destroy();
});
そして
//index.js
Alloy.Collections.instance("cars");
// I also tried adding --
// Alloy.Collections.cars = Alloy.createCollection('cars');
// to alloy.js but the error persists
// also tried adding --
// Alloy.Globals.cars = Alloy.createCollection('cars');
// to alloy.js but still the problem persisted
var carsController = Alloy.createController("cars");
Alloy.Collections.cars.reset([{
"make" : "Honda",
"model" : "Civic"
}, {
"make" : "Honda",
"model" : "Accord"
}, {
"make" : "Ford",
"model" : "Escape"
},{
"make" : "Nissan",
"model" : "Altima"
}]);
//$.mainWindow.open();
carsController.mainWindow.open();
index.xml には空の Alloy タグしかありません
cars.xml ファイル:
<Alloy>
<Window id="mainWindow" class="container">
<TableView id="mytable" dataCollection="cars" dataTransform="transform" dataFilter="filter">
<TableViewRow title="{title}" modelId="{id}"></TableViewRow>
</TableView>
</Window></Alloy>
詳細なコントローラーとビューもありますが、問題はそこにはないと思います。見たい場合はお知らせください。投稿します。
このエラーを理解するのを手伝ってください、
ありがとう。