欢迎留言补充,持续更新中...
1.sencha touch 是什么?
答:Sencha touch框架是世界上第一个基于HTML 5的移动应用框架.它可以让你的Web应用看起来像网络应用。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML
5和CSS3的 WEB标准,全面兼容Android和iOS设备。
2.sencha touch 能够访问原生的设备功能,如摄像头、麦克风吗?
答:Sencha touch只是一个HTML 5框架,所以想要它能够访问原生的设备功能,需要浏览器提供支持才可以。
如果需要访问原生的设备功能,可以考虑与Cordova(PhoneGap)结合使用。
Cordova相关介绍:http://baike.baidu.com/view/8326345.htm
3.sencha touch ajax如何跨域?
答:如果是发布成web站点的话,建议使用jsonp,如果是打包成本地应用,ajax不用考虑跨域问题。
4.sencha touch jsonp可以post提交参数吗?
答:jsonp的请求机制其实是请求js文件,所以只能通过get方式提交参数。
json和jsonp的区别:http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html
5.用jsonp请求数据,在chrome中的response有返回数据,但是在jsonp中走failure方法不走success方法是怎么回事
答:多半是返回的数据格式不正确,请仔细检查返回数据格式是否正确以下是标准格式。
参考接口:http://www.361y.cn:8080/Json/UsedType.asmx/List
6.Uncaught TypeError: Cannot call method '' of null错误如何解决,如 Ext.getStore('storeId').load();
答:1.没有这个方法,方法名书写错误
2.调用对象为空或者不是你所期望的对象,通过console.log(Ext.getStore('storeId'));打印对象检查
7.如上所述,为什么我获取的对象为空?
答:1.如果你想要获取的对象是一个视图,那么有可能你所获取的对象还没有被创建,需要你创建之后才能获取到
2.如果你想要获取的对象是一个数据仓库,并且已经指定了storeId,那么可能是你没有在视图/控制层中引用指定的数据仓库,请先引用
8.视图已经被创建,我在控制层中通过id/xtype/itemId监听视图,为什么监听事件时,只作用一次?
答:可能是你在操作过程中,对视图的创建/销毁处理不正确,视图被重复创建,那么你就只能监听到首次被创建的视图,之后再创建的视图就无法监听到了。
9.Sencha Touch 框架如何实现跨平台?
答:通过Cordova(PhoneGap)将应用打包成适用于不同操作系统的本地应用即可。
Cordova相关介绍:http://baike.baidu.com/view/8326345.htm
10.Sencha Touch 如何结合cordova实现消息的推送
答:比较简单的方法有,集成极光推送/百度推送
百度推送:http://developer.baidu.com/wiki/index.php?title=docs/cplat/push
11。Sencha Touch 如何通过cordova打包成本地应用
答:安卓打包参考:http://www.cnblogs.com/mlzs/tag/sencha%20touch%E4%B8%8Ecordova/
12.Sencha Touch 项目启动出现3个白点求解?
答:那是加载动画,为了给用户比较好的使用体验。由index.html页面中id为appLoadingIndicator这个div层来决定的,可以自行改动
应用启动完毕后,会通过 Ext.fly('appLoadingIndicator').destroy();销毁这个div层。
13.sencho touch 开发的时候 如何识别各种手机型号/操作系统类型?
答:如果发布成web模式,可以通过以下方式识别设备操作系统类型:http://www.cnblogs.com/duanguyuan/p/3534470.html
如果通过Cordova(PhoneGap)打包,可以通过device常量获取,参考资料:http://cordova.apache.org/docs/zh/3.1.0/cordova_device_device.md.html#%E8%A8%AD%E5%82%99
14.使用webkit-mask-image做背景图片,在浏览器中正常显示,在手机上不能显示
答:可能是设置路径的时候没注意区分大小写,在手机上严格区分了大小写,找不到图片导致不能显示。
15.navigationView如何动态改变标题?
答:在navigationView中添加自定义方法,调用即可(this指的就是navigationView)
//更新标题
setTitle: function (text) {
var me = this,
nav = me.getNavigationBar();
nav.setTitle(text);
nav.backButtonStack[nav.backButtonStack.length - 1]= text;
}
16.哪些视图控件可以使用数据仓库
答:list、selectfield、dataView、grid、待补充...
17.使用selectfield时,数据源格式不是标准格式这么办?
答:只要是数组对象,可以通过配置displayField(默认为text)和valueField(默认为value)来处理
标准格式:
[{
text: 'First Option',
value: 'first'
},
{
text: 'Second Option',
value: 'second'
},
{
text: 'Third Option',
value: 'third'
}]
18.使用selectfield时,如何指定弹出的选择控件类型?
答:通过usePicker进行配置,可选值有auto/true/false
19.使用selectfield时,如何对弹出的选择控件进行配置?
答:用过defaultTabletPickerConfig/defaultPhonePickerConfig这进行配置,具体参数说明请查看api
20.使用selectfield时,我想获取一些额外的值(除开text/value之外的值)可以吗?
答:可以,不过必须使用store来配置数据源,然后通过selectfield.getRecord()就能找到额外的属性值
21.从服务器取到的数据是数据索引,比如男/女,实际获取到的值是1/2,我想要显示文字如何处理?
答:如果你使用了模型,可以使用convert来处理,api之中直接搜索convert即可
name: 'sex',
type: 'string',
convert: function(v, record) {
return ['', '男', '女'][v];
}
如果你没有使用模型,但是里使用了模版,你可以参考XTemplate中的示例来处理
22.input输入框点击时会出现外框,如何去掉?
答:加入以下css应该可以解决
outline:medium;
23.sencho touch 如何引入css/js,打包的时候如何引入资源文件?
答:通过cmd生成的项目,在app.json文件中可以配置引入css/js,以及打包后需要的资源文件,以下为配置详解。
需要注意的是,最新版本的sencho touch 在开发过程中,需要引入css/js时,还需要在bootstrap.json之中配置一下才能起作用,或者通过build命令打包一下,两者选其一
{
/**
* 项目的命名空间
*/
"name": "app",
/**
* 项目起始html文件,路径相对于此app.json文件
*/
"indexHtmlPath": "index.html",
/**
* 运行此项目的url路径,比如: "http://localhost/myapp/index.html".
*
*当设置此值时,将不能通过文件系统直接访问。
*/
"url": null,
/**
* 所需引用js文件
* 单个格式如下
* {
* "path": "path/to/script.js" // 文件路径,如果本地文件,路径相对于此app.json文件
* "remote": true // (可选值)
* // -默认值为"false"
* // -"true",如果这个文件是一个远程文件不会被复制
* "update": "delta" // (可选值)
* // 如果没有指定,这个文件将只加载一次,
* // 缓存到localStorage里面,直到这个值被改变。
* // - "delta" 增量更新此文件
* // - "full" 当文件改变时,完全更新此文件
* "x-bootstrap": true // (可选值)
* // 表示这是项目依赖文件。
* // 该文件不会被复制到生成目录或引用
*
* }
*/
"js": [{
"path": "touch/sencha-touch.js",
"x-bootstrap": true
},
{
"path": "app.js",
/* 表示所有的类生成到这个文件 */
"bundle": true,
"update": "delta"
}],
/**
*所需引用js文件
* 单个格式如下
* {
* "path": "path/to/script.js" // 文件路径,如果本地文件,路径相对于此app.json文件
* "remote": true // (可选值)
* // -默认值为"false"
* // -"true",如果这个文件是一个远程文件不会被复制
* "update": "delta" // (可选值)
* // 如果没有指定,这个文件将只加载一次,
* // 缓存到localStorage里面,直到这个文件被改变。
* // - "delta" 增量更新此文件
* // - "full" 当文件改变时,完全更新此文件
*
* }
*/
"css": [{
"path": "resources/css/app.css",
"update": "delta"
},
{
"path": "resources/css/main.css",
"update": "delta"
}],
/**
*项目生成时用于自动生成HTML5应用程序缓存清单(cache.manifest)
*/
"appCache": {
/**
* 本地缓存名单
*/
"cache": ["index.html"],
/**
* 网络缓存名单
*/
"network": ["*"],
/**
* FALLBACK缓存名单
*/
"fallback": []
},
/**
* 项目生成时需要复制的资源文件
*/
"resources": ["resources/images", "resources/icons", "resources/startup"],
/**
* 项目生成时忽略的文件/目录名称匹配,必须是有效的正则表达式
*/
"ignore": ["\.svn$"],
/**
* 之前生成项目储存目录,用于进行增量更新,不可随意改变此目录下的文件
*/
"archivePath": "archive",
/**
* 在cmd创建时需要引用的类
*/
"requires": [],
/**
* 唯一ID,作为localStorage前缀。
* 通常情况下,你不应该改变这个值。
*/
"id": "d8504e05-a9fc-4692-bdbc-94c3190751f5"
}
24.sencho touch 打包成本地应用后不用担心ajax跨域问题,那在开发过程中,ajax跨域问题如何解决,有没有比较方便的解决方案?
答:找到谷歌浏览器启动文件,为其创建一个快捷方式,右键-》属性,加入以下命令 --disable-web-security
关闭所有已经打开的谷歌浏览器,然后再次打开
如图右图所示,将项目中的index.html文件拖进去。也不用搭服务器,ajax也是可以跨域了,用于自己开发测试比较方便
25.sencha touch 小米3无法点击,如何解决?