Sencha touch chart的应用与学习

从Sencha官方站下载的 touch chart 压缩包及在线文档有一个问题

Demo中使用的是Ext.chart.Panel对象,但文档说明中写得却是Ext.chart.Chart。所以使用时,方法,属性都对不上了。自己查看了源代码。

Ext.chart.Panel是继承Ext.Panel,所以包含Ext.Panel的所有功能,但重写布局,在源代码里改造了dockitems,加了标头。而且还没有开关可以控制这个dockitems,所以如果想只显示图表,自定义其它布局,就需要改造源代码才能使用。

Ext.chart.Chart是Ext4中的对象,需要Ext4中的ext.js文件才能使用,而这个框架包含得太多其它功能了。


所以作移动开发,而且想用Ext.chart.Panel就必须自己改造一下了。希望以后Sencha在升级touch chart时可以增加一个开关用于控制Ext.chart.Panel的dockitems,毕竟用chart并一定所有布局都要用Ext控制。


touch chart的demo中都是fullscreen显示的,想放置在指定id的div中,请在Ext.setup时,先在div中对立一个Ext.Panel,然后再用上文改造后的Ext.chart.Panel,并把这个Ext.chart.Panel对象添加到Ext.Panel中。就可以在保持原布局的同时,用上touch chart了。


如果用是Ext4开发,就不要再加touch-chart了,因为Ext4本身已经有chart的相关功能。直接使用Ext.chart.Chart就可以了。


最后祝愿使用touch chart的兄弟们好运吧!


补充:touch chart的默认css文件会干扰自己在body中首个元素的全屏效果,全屏用的是position:absolute;width:100%;height:100%。在Android2.2中只有宽度起作用,高度就计算错了。还不清楚原因,有知道的欢迎拍砖。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web 应用,它提供了丰富的华丽的控件和强大的功能,包括对触控事件的增强,数据整合等。本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速构建可以跨浏览器平台运行的强大的 web 应用程序开发框架。它提供了丰富的用户界面组件和完善的文档资源,并且还有一个最重要的优势就是组件的设计简洁而容易扩展。 Ext GWT Ext GWT 是使用 Java 构建富 web 应用的最快,最有效的框架。它提供了运行性能良好的用户界面控件,并且在界面布局管理和全键盘支持方面有更突出的优势。 等等 Ext Core Ext Core 是一个构建跨浏览器运行的动态 web 应用的 JavaScript 库,它提供了 DOM 查询和元素选择的跨浏览器访问 API,它是一个轻量级的,运行性能良好并且很容易使用的 JavaScript 库。 Ext Designer Ext Designer 是一个帮助用户更快的创建桌面应用程序的可视化的界面图形化工具。 Sencha Touch Sencha Touch 是第一个基于 HTML5 的 Mobile web 应用开发框架Sencha Animator Sencha Animator 是一个创建基于 WebKit 浏览器和触屏移动设备运行的 CSS3 动画的工具,用户可以通过它创建出令人惊叹的动画,效果一点也不逊色于 Adobe 的动画工具。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值