Html5 & Hybrid
关注
分享
扫一扫
Thierryxing
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Sencha touch setActiveItem问题
今天使用setActiveItem加载页面时， 发现： 如果这个页面被新页面替换后，再次加载则会出现空白页面。如果使用动画加载（animateActiveItem）时，则会报错： Cannot call method 'getPageBox' of null 看看console发现其实旧的页面此时并没有被真正从Viewport里删除，而是被隐藏了起来...原创 2012-10-29 17:14:14 · 404 阅读 · 0 评论 -
Sencha Touch中使用标准LocalStorage
虽然Sencha Touch本身有和Store关联的LocalStorageProxy，但是使用起来限制性较大，比如复杂的TreeStore就没法正常使用。 所以，我使用灵活性更好的Html5标准LocalStorage。 下面举例说明用法： 首先在App.js中声明全局LocalStorage变量： Ext.application({ name : ...2013-07-09 14:29:10 · 154 阅读 · 0 评论 -
CSS只改变背景透明度，不改变子元素透明度
一般情况下，我们可以使用css的opcity属性改变某个元素的透明度，但是其元素下的子元素的透明度也会被改变，即使对子元素重新定义也没有用，例如： <div style="opacity:0.4; background-image:url(...);"> <div style="opacity:1.0;"> 显示文字 </div>&...2013-07-30 15:09:42 · 3676 阅读 · 1 评论 -
Xcode编译WebApps找不到js的错误解决办法
最近使用Xcode做了一个简单的WebApps应用，使用UIWebview来调用一个页面，其中遇到几个问题，这里记录一下。其中一个就是编译的时候出现黄色感叹号的Warning，js文件都报错：warning: no rule to process file '$(PROJECT_DIR)/jquery-1.5.1.min.js' of type sourcecode.javascript fo...原创 2014-05-19 15:53:37 · 324 阅读 · 0 评论 -
Sencha Touch 按钮点击事件穿透到下一层的解决方法
今天遇到一个问题，对一个按钮进行tap事件监听处理时，如果按钮下面的element正好也有tap事件，那么tap事件会继续执行到下面的element上面，导致bug出现。 解决方案：在按钮的tap处理事件加上e.stopEvent(); /** * 发送按钮 */ onBtnSendTap : function(btn, e) { // 处理点击事件...原创 2014-02-13 11:01:24 · 265 阅读 · 0 评论 -
iOS7 html5页面在ipad上显示过宽的解决方案
原始Meta定义：<metaname="viewport"content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0"/>在iOS7上改为:<metaname="viewport"content="initial-scale=1, m...2013-10-08 17:36:51 · 509 阅读 · 0 评论 -
Ext.ux.touch.grid 修改 行的高度
Ext.ux.touch.grid是一个Sencha Touch 表格组件的插件，使用起来比较简单，但是使用过程中发现，即使表格内部的元素所占用的高度很小，表格的高度依然保持47个像素，于是尝试修改CSS，但是失败，因为这个控制最小高度的属性min-height：47px是写在div属性中，而且加了！import注释，所以只能修改js源码了： 在List.js的constructor里...2013-10-12 10:50:39 · 228 阅读 · 0 评论 -
Sencha Touch NavigationView 中页面的生命周期(触发事件)
在NavigationView中Push进一个页面进来的生命周期(触发事件)如下：（1）initialize（2）activate（3）show NavigationView Push进第二个页面后，第一个页面：（1）deactivate NavigationView Pop出第二个页面后，第一个页面：（1）activate（2）show Nav...2014-04-01 16:30:52 · 441 阅读 · 0 评论 -
Sencha Touch 自定义滚动条样式
Sencha Touch 自定义滚动条样式，通过修改CSS来实现： 滚动条.x-scroll-indicator {opacity: 0.4 !important;width: 3px !important;} 横向滚动条.x-scroll-bar-x.active {height: 3px !important;}...2014-04-02 13:42:24 · 237 阅读 · 0 评论 -
Sencha Touch 控制器 Refs 使用id绑定bug
今天在使用Sencha Touch 控制器的refs 绑定时，发现如果使用id的话，比如： refs : { inventoryCate : "#inventoryCate", }, 那么，如果此控件被删除后，再次创建的话，refs则没法正确绑定到此控件。 解决方法：使用xpath进行绑定: refs : { inventoryCa...2012-10-06 22:53:09 · 183 阅读 · 0 评论 -
Sencha Touch加载远程Html
项目上有需求，需要使用Sencha Touch加载远程Html，首先想到使用iframe处理，在浏览器上测试，展示效果还不错。以为万事大吉了，但是后来在ipad上测试发现iframe嵌入的网页没法上下滚动，于是继续研究，发现需要在iframe外层加入一个height和width都固定的div，然后增加style-webkit-overflow-scrolling:touch; overfl...2013-06-25 18:10:19 · 185 阅读 · 0 评论 -
Ext.ux.touch.grid 动态加载列Column
在使用Ext.ux.touch.grid展示表格的时候，我们有时希望能够在一个页面加载展示不同的表格结构，而UI样式不变。首先想到的做法是：1 先在View Container中定义一个touchgridpanel框架，store和column先不定义 /** * 告警系统top10 - 列表 */Ext.define('App.view.TopTen.List', {...原创 2012-12-29 17:30:52 · 275 阅读 · 0 评论 -
sencha touch listpaging何时显示no more text
I've had a similar issue with the ListPaging plugin in SenchaTouch 2, and managed to sort out the 'load more' message behaviour when the end of the data set is reached.This builds on what John Gord...原创 2013-03-19 01:22:11 · 171 阅读 · 0 评论 -
使用Worklight进行Hybird开发，Html5和Native切换时增加动画效果
在Worklight中使用Html5和Native进行Hybrid开发时，两者之间互相切换时比较生硬，用户体验非常一般。其实，我们可以在两者直接切换时增加动画效果来解决此问题： iOS上： （1）从html5转到native时：Native的ViewController里重写onAfterShow方法，在里面增加动画代码：-(void)onAfterShow{ ...原创 2013-03-20 12:02:54 · 198 阅读 · 0 评论 -
Worklight资源文件拷贝错误问题
在Mac上开发Worklight项目时，如果将svn上签出来的worklight项目导入到Eclipse里，进行多平台部署（build all and deploy）的时候，会出现以下问题： iphone build failed: Failed copying nativeResources to native project (iphone)android build fai...2013-03-20 14:48:42 · 196 阅读 · 0 评论 -
Worklight升级问题Persistency data access problem
今天把worklight studio从5.0.2升级到5.0.6，打包部署之前的项目出现了错误：Persistency data access problemcom.worklight.core.exceptions.DefaultExceptionHandler.handleExceptioncom.worklight.core.tasks.TaskThread.run(Tas...2013-03-26 10:22:10 · 161 阅读 · 0 评论 -
Sencha Touch与PhoneGap，响应android返回按钮
使用Sencha Touch开发Html5应用时，在iPhone上还好，因为没有物理返回按钮，所以可以使用NavigationView的Back Button来实现Pop页面， 但是在Android手机上，用户习惯使用Android自带的物理Back Button，但是按下去之后，却是直接退出应用了，因为目前在系统中只有一个Webview Activity。这种情况该如何处理呢： ...原创 2012-11-11 23:27:39 · 123 阅读 · 0 评论 -
WebView 文字左右两端对齐
在WebView中展示文章的时候，像让文字左右两端对齐，这样比较好看一些。只需要在相关标签的CSS样式加上text-align: justify;即可，适用于普通web和ios，android等移动平台 比如：.text { TEXT-INDENT: 2em; line-height: 150%; text-align: justify;...2013-05-20 14:01:37 · 998 阅读 · 0 评论 -
Sencha Touch解析PDF
在Sencha Touch内部渲染PDF，需要使用这个插件，效果还可以： Github Projecthttps://github.com/SunboX/st2_pdf_panel 用法：Ext.application({ views : [ 'Ext.ux.panel.PDF' ], launch: funct...2013-06-20 09:48:08 · 209 阅读 · 0 评论 -
Worklight开发中遇到的奇怪错误
Worklight开发中遇到的奇怪错误：应用启动时：TypeError: 'null' is not an object (evaluating 'WLJSX.$('content').tagName') 调用适配器时：TypeError: 'null' is not a valid argument for 'in' (evaluating 'field in profi...原创 2013-06-20 18:15:35 · 297 阅读 · 0 评论 -
Worklight Adapter适配器在Tomcat上返回中文数据乱码
使用Tomcat部署Worklight项目时，发现适配器上返回的中文数据都是乱码，解决方案如下： 打开Tomcat文件夹下的bin下的Catalina.sh文件，在文件的前面加上： JAVA_OPTS="$JAVA_OPTS -Dfile.encoding=UTF-8" 重启Tomcat即可...2014-04-10 21:49:56 · 238 阅读 · 0 评论