`
小熊2号
  • 浏览: 15041 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Titanium加载数据到内嵌WebView控件

阅读更多
Titanium 2.x/3.x没有图表(chart)功能,用WebView控件来集成第三方JS图标库是一个解决方案。


使用WebView + local html时,WebView加载html中用<script/>引入的JavaScript文件,不能和普通Web一样引用。
在IOS平台上可以用"app://"前缀来指定js文件的绝对路径,来解决。例如,
     <script src="app://Resources/lib/raphael.tjs"></script>

在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的<script></script>最后,发送一个全局事件(最好用setTimeout延迟发送);在应用中对该事件进行响应,再发送一个全局事件(附上数据),html对该事件进行响应,加载数据到页面中。
分享到:
评论

相关推荐

    titanium-module-extended-webview:Titanium (iOS) 的扩展 Webview 模块

    在 Titanium Studio 中,将该模块添加到您的项目中。 打开 tiapp.xml 并单击模块部分中的+按钮。 选择de.mwfire.extwebview并添加它。 参考 setZoomScale(float) 设置 WebView 的缩放级别。 需要浮动,0.0 是标准...

    Titanium中文版开发手册

    **Titanium中文版开发手册** Titanium中文版开发手册是一份专门为中文用户编译的开发者指南,旨在帮助熟悉中文的开发者充分利用Titanium框架进行移动应用的开发。Titanium是一个开源的JavaScript平台,允许开发者...

    TitaniumBackup_6.0.5.1

    TitaniumBackup_6.0.5.1,这款专业版应用,以其强大的功能和高效的操作,为用户提供了可靠的数据管理工具。它的静默恢复特性,更是为用户带来了前所未有的便利。 Titanium Backup 是一款备受赞誉的第三方备份工具,...

    Titanium plugin开发初探

    Titanium 插件是扩展其核心功能的一种机制,它允许开发者添加新的原生模块到项目中,以实现 Titanium 本身不支持或者需要更高效性能的功能。这些插件可以包括访问硬件设备(如摄像头、蓝牙),调用系统服务(如地图...

    Titanium中支持IOS设备的拖拽

    在Titanium中,这通常涉及到创建一个数据传输对象(Draggable Data Object)。 3. **定义拖动代理**:这是iOS原生的一部分,但在Titanium中,你可能需要创建一个JavaScript对象来模拟这个代理,处理拖动过程中的...

    titanium 打开本地网络

    这个模块提供了多种方法来获取网络连接的信息,例如`Titanium.Network.online`属性,它返回一个布尔值,表示设备当前是否已连接到任何类型的网络(如Wi-Fi或蜂窝数据)。以下是一个简单的示例: ```javascript var ...

    Titanium_Backup_Pro_Donate_v8.4.0.2.apk

    Titanium Backup是Android上最强大的备份工具,其次。 ☆需要ROOT,Android 1.5-7.0以上版本(ARM,x86,MIPS) ☆超过2千1百万用户,超过31种语言。 ☆PRO Key可在Play商店购买! ☆在Twitter上排名第一的TOP...

    Titanium资料

    通过这个文档,你可以了解到如何创建、布局和交互各种 UI 元素,如按钮、文本框、图片视图等,以及如何添加事件监听器来响应用户的操作。 接着,`API_TitaniumModule.pdf` 介绍的是 Titanium 模块。模块是 Titanium...

    ecm.titanium-26100.rar

    这样,如果修改后出现问题,可以迅速恢复到初始状态。 6. **兼容性**:K-TAG 2.0可能支持多种车型和不同类型的ECU,包括那些市面上较为罕见或特殊的型号。 需要注意的是,使用ECU读写工具需要一定的专业知识,并且...

    Titanium Backup Pro 8.0.0.apk

    钛备份 Titanium Backup,备份你的程序及程序数据,并支持定时备份等功能。 功能很强大,有此软件,不管你的格机还是重刷ROM,在重装软件时都是无痛的,非实适用经常捣鼓手机有机友! 解锁器使用说明: 1.安装钛...

    使用Titanium将Canvas图像保存为文件

    在Titanium中,我们可以利用`Ti.UI.createWebView`创建一个WebView组件,加载包含Canvas的HTML内容。然后,我们可以利用HTML5的`toDataURL`方法,将Canvas的内容转换成一个数据URL,这个URL包含了图像的Base64编码。...

    Titanium Mobile API

    ### Titanium Mobile API 知识点详解 #### 一、Titanium Mobile API 概述 Titanium Mobile API 是一款由 Appcelerator 公司提供的用于跨平台移动应用开发的强大工具包。该工具允许开发者使用 JavaScript 编写应用...

    Titanium Mobile SDK 3.1.0 Apidoc 离线版

    3. **API支持**:Titanium提供了丰富的API,涵盖了设备访问、用户界面构建、网络通信、数据存储等各个方面,这些都在Apidoc中详细描述。 4. **Titanium Modules**:开发者可以创建和使用自定义模块,扩展SDK的功能...

    Cisco_N7K模拟器Titanium6.1.1安装方法.docx

    由于 Cisco N7K 模拟器 Titanium 6.1.1 有双字符问题,需要使用 CRT 软件重新 telnet 登录到模拟器。然后,需要设置模拟器的 IP 地址、网关等信息,以便模拟器可以联网升级为 6.1.1 版本。 五、TFTP 服务器建立 在...

    [Titanium] Appcelerator Titanium 移动应用开发教程 (英文版)

    [Packt Publishing] Appcelerator Titanium 移动应用开发教程 (英文版) [Packt Publishing] Creating Mobile Apps with Appcelerator Titanium (E-Book) ☆ 图书概要:☆ Develop fully-featured mobile ...

    Titanium开发者平台介绍

    - **Titanium.Database**:支持SQLite数据库操作,方便数据持久化。 - **Titanium.Network**:处理网络请求,包括HTTP/HTTPS等。 - **Titanium.Platform**:获取运行环境信息,比如操作系统版本、设备型号等。 - **...

    Titanium Backup_3.7.4捐赠完全版

    Titanium Backup_3.7.4捐赠完全版

    titanium-d1-kickstart.6.1.1

    titanium-d1-kickstart.6.1.1.gbin 强大的思科模拟器

    Google-Cloud-Messaging--Titanium-, 在 Titanium 中,Google云消息传递.zip

    Google-Cloud-Messaging--Titanium-, 在 Titanium 中,Google云消息传递 Google-Cloud-Messaging--Titanium -注册带有GCM和处理发送到设备的通知的Titanium MODULE 。Android平台使用c2dm进行推送,但是因为c2dm停止...

Global site tag (gtag.js) - Google Analytics