サーバーへの非同期リクエストを呼び出すアイテムごとに、位置を計算した後に後でスクロールビューに追加するためのWebビューを使用してビューを作成するというループがあります。コールバックでは、サーバー データを取得して webview に渡します。
load メソッドの実行に少し時間がかかる場合 (接続が遅い場合など)、webview はレンダリングされません。
これは、デバイスでは何度も発生しますが、シミュレータではほとんど発生しません。ただし、簡単にシミュレートするには、load メソッドにブレークポイントを配置して、実行を遅らせます。既に追加された webview をレンダリングするときに問題があると思われます。
理解を深めるために、コードを 1 つのブロックに単純化しました。
function createView(){
var view = Ti.UI.createView({
//...
});
var webview = Ti.UI.createWebView({});
view.add(webview);
//Callback to process webview content after receive the server data
view.load = function(serverData){
webview.setUrl(serverData.url);
webview.addEventListener('beforeload', function(){
webview.evalJS("var value="+serverData.value+";");
});
};
return view;
};
var views = new Array();
for(i=0;i < data.length;i++){
views[i] = createView();
//Async request to server
var req = Ti.Network.createHTTPClient();
req.onload = function(){
result = JSON.parse(this.responseText);
views[i].load(result);
}
req.open("POST", "http://myserver.com.br/myservice");
req.send({myParam: data[i].value});
}
var scrollView = Ti.UI.createScrollView({
//...
});
for(i=0;i < views.length;i++){
//Calc the positions, not relevant
views[i].width = calculedValue;
views[i].height = calculedValue;
scrollView.add(views[i]);
}
win.add(scrollView);
私はTitanium SDK 1.8.2を使用し、iOS 5.0.1を搭載したiPad 2で実行しています。