Dashcodeサンプル

Dashcodeの「ブラウザ」プロジェクトで、iPhoneからkakaku.comにアクセスしてみる。

【main.js】をこうした
var menuLen = 0;
var listController = {

numberOfRows: function() {
return menuLen;
},

prepareRow: function(rowElement, rowIndex, templateElements) {
if (templateElements.rowTitle) {
templateElements.rowTitle.innerText = menuListTags[rowIndex].childNodes[1].childNodes[0].nodeValue;
}

var self = this;
var handler = function() {
var resort = menuListTags[rowIndex];
detailController.setResort(resort);
var browser = document.getElementById('browser').object;
browser.goForward(document.getElementById('detailLevel'), resort.name);
};
rowElement.onclick = handler;
}
};

var detailController = {
setResort: function(resort) {
this._resort = resort;
this._representedObject = resort.childNodes[1].childNodes[0].nodeValue;

var detailTitle = document.getElementById('detailTitle');
detailTitle.innerHTML = this._resort.childNodes[1].childNodes[0].nodeValue;
var detailLocation = document.getElementById('detailLocation');
detailLocation.innerHTML = this._resort.childNodes[3].childNodes[0].nodeValue;
var detailDescription = document.getElementById('detailDescription');
detailDescription.innerHTML = this._resort.childNodes[4].childNodes[0].nodeValue;

}

};

function load()
{
dashcode.setupParts();

var feedURL = "http://api.kakaku.com/Ver1.1/ItemSearch.aspx?Keyword=アップル";
var onloadHandler = function() { xmlLoaded(xmlRequest); };

var xmlRequest = new XMLHttpRequest();
xmlRequest.onload = onloadHandler;
xmlRequest.open("GET", feedURL);
xmlRequest.setRequestHeader("Cache-Control", "no-cache");
xmlRequest.send(null);

}

function xmlLoaded(xmlRequest)
{
if (xmlRequest.status == 200) {
xmldata = xmlRequest.responseXML;

menuListTags = xmldata.getElementsByTagName('Item');
menuLen = menuListTags.length;
if (menuLen != 0) {
var listdata = document.getElementById('list');
listdata.object.reloadData();
}
}
else {
alert("Error fetching data: HTTP status " + xmlRequest.status);
}
}

ローカルでの遊び用。