Titanium加载数据到内嵌WebView控件

阅读更多

Titanium 2.x/3.x没有图表（chart）功能，用WebView控件来集成第三方JS图标库是一个解决方案。


使用WebView + local html时，WebView加载html中用

在Android平台上有类似的解决办法（To be done）。

页面中引用的js文件不要用js扩展名，否则会在发布时被Titanium优化，导致加载不成功。

使用多个WebView时，用'load'的event listener来fireEvent，在WebView中定义listener，触发WebView在html中加载数据，是不行的，例如：
webView1.addEventListener('load', function() {
    Ti.App.fireEvent('event_to_trigger_webview_load_data', data);
});

根据观察，该回调函数会在页面真正加载完成之前就会被执行，由于页面中的Ti.App.addEventListener('event_to_trigger_webview_load_data',…)还没有执行，从而不会对事件进行响应。

我的解决方案是：在html的最后，发送一个全局事件（最好用setTimeout延迟发送）；在应用中对该事件进行响应，再发送一个全局事件（附上数据），html对该事件进行响应，加载数据到页面中。