sencha学习

1.可以在html中加入style，然后在js中使用，如在index.html中加入style

在app.js里，使用方法如下：

Ext.get('myPanel').addCls('colorRed');

2.Ext.get方法，并不是返回组件，而是返回封装了组件所生成的元素的Ext.dom.Element对象，该对象可实现组件所提供的对元素进行操作的方法的中的一部分

3.Ext.ComponentManager.get方法返回组件本身

4.Ext.fly的理解用法：

Ext.fly采用flyweight模式使所有fly出来的元素共享内存，可以提高程序执行速度，减少内存占用。

Ext.play应该在代码中仅使用一次，之后不再使用的元素使用Ext.fly的方法。如果程序中需要多次引用某个元素，应该为元素使用Ext.get方法，这样可以避免浏览器共享内存的频繁使用(避免一些意想不到的Bug)。

在以后使用中，一定要合理的利用Ext.get和Ext.fly，避免滥用Ext.get这个“重量级”的方法。

5.使用图片示例：

(点击切换版式)

在panel中加入img：

cls:组件使用的样式

items:放置在面板中的子组件

图片：

src:图片路径

listeners:图片组件的监听器

tap事件处理函数中可以添加参数，如：

tap:function(img,ev){

//事件处理函数代码}

listener还可以在外面配置，如

效果：

6.sencha-touch的动态加载

(1).异步加载，如在html开始写

优势：

可以实现跨域获取数据功能

在调试时不需要web服务器，可以通过文件协议获取(如:file://path/to/your/index.html)直接调试磁盘中的某个文件

有利于调试，可以准确到文件名和错误行号

同步加载

优势：

不必指定应用程序中使用哪些类

缺点：

不利于调试

由于XHR的限制，不能实现跨域获取数据的技术

调试应用程序时必须使用web服务器