乔的笔记

在开发中经常需要用禁止用户操作，例如加载数据，此时就需要用到mask了。一般加载数据都是加载完后取消mask即可，但也有时候需要mask多存在几秒或存在固定时长，此时就可用下面代码来实现添加loadmask[code="js"]Ext.Viewport.setMasked({ xtype : 'loadmask', message : '加载数据中，请稍候...' })...

最近在sencha项目中做搜索功能时遇到卡顿现象，数据也不多就一百多条以下是搜索代码Controller：[code="js"]onSearchKeyp: function(field) { //get the store and the value of the field var value = field.getValue(), ...

[code="js"]Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //...

前几天遇到个奇葩问题，用sencha touch做的worklight应用pad版在ipad版显示一切正常，安装到Androidpad后就出现问题了。AndroidPad试了几个都是1280*800的，但应用总是把他识别成phone版。而且读取的高度是320*545（这个有点记不清了，反正跟1280*800差很多），应用安装后也只是显示了左上角一部分，大概是应用的四分之一多点吧，其他有的地...

在sencha touch中获取设备屏幕宽高方法，在JS中应该一样：[code="JS"]console.log("宽度 = " + window.innerWidth);console.log("高度 = " + window.innerHeight);[/code]

在sencha touch项目做list时需要在没有数据的情况下显示图片和提示语句，最开始使用了笨办法，就是在controller动态改变view层内容今天在看sencha touch文档时发现sencha原本就有解决这种情况的方法，只需在view加emptyText属性即可，[color=red]修改后代码如下（controller中不做任何操作，只需在view页面添加emptyTe...

如何在Worklight（sencha touch）中使用浏览器打开网页： 在应用内Webview中打开 [code="js"]showLink : function(link) { console.log("link" + link); window.open(link, '_blank', 'location=no'); },[/code] 系统浏览器中打开 [code="js"]showLi...

[code="js"]//定义包含网址的字符串var currentContent = "asdf空间啊；SD卡附件阿克苏的房间；http://www.baidu.com/ 阿克江送达方；可垃圾是否";//利用正则发处理后点击可打开网页，下面是两种不同打开方式//调用设备浏览器打开str = currentContent.replace(/(http:\/\/|https:...

应用中只有一个NavigationView的情况：[code="js"]// 处理一下android返回按钮 document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { document.addEventListener("backbutton", ...

实现添加点击事件的方法：[code="js"]/** * 给没有tap事件的控件添加tap事件 */ addTapEvent : function(component) { component.element.on('tap', function(e, t) { component.fireEvent('tap', component, e, t); }, ...

sencha touch list 1 默认每一项的高度会自动适应其内容。 2 当每一个 item 的高度都相同且不变时， 设置 itemHeight 为固定值 和 variableHeights 为 false， 可以优化性能，因为不用去动态计算每一项的高度。 3 infinite 属性对底层做了优化，大体是 infinite 为 false 时，每一个 ite...

之前有发过说需要设置mask时间（其实是延迟多长时间后执行取消mask方法）的帖子，当时使用的方法是[color=red]setTimeout[/color]：[code="js"]setTimeout('Ext.Viewport.setMasked(false)',1000);[/code]第一个参数是要执行的方法，第二个参数是延迟执行的时间。[code="js"]setTi...

调用原生页面[code="js"]if (!(typeof WL === 'undefined')) { if (app.platform == WL.Environment.ANDROID) nativePage = "com.Test.BrowsePDFActivity"; else if (app.platform == WL.Environment.IPHON...

首先重写textfield方法，添加maxLength属性[code="js"]Ext.form.TextField.prototype.initValue = function(){ if(this.value !== undefined){ this.setValue(this.value); }else if(this.el.dom.valu...

在sencha touch中动态加载javascript和css文件：[code="js"]function loadjscssfile(filename,filetype){ if(filetype == "js"){ var fileref = document.createElement('script'); fileref.setAtt...

动态加载的优势：提升应用启动的速度，之前都放在app.js注册，app会把所有注册的都实例化，导致启动很慢，经过测试应用开始加载时间明显缩短Controller和Store层[code="js"]// 判断是否创建过实例if(!Ext.ClassManager.isCreated("Test.controller.phone.app0050000007.app005000000...

重写scroll样式,只修改颜色为灰色[code="css"].x-scroll-indicator.rounded>:nth-child(2){ content:none!important;}.x-scroll-indicator.rounded>*{ background-color: #ccc!important;}[/code]...

在开发过程中不可避免的会遇到某个方法需要每过一段时间执行一次。在sencha touch中有专门的方法，即setInterval我在做carousel的时候需要做一个自动播放的功能，实现代码如下：[code="js"]onHomecrslIdActivate : function(){ var crsl = this.getHomecrslId(); setInterv...

worklight项目调原生方法在sencha touch开发中有些功能实现比较困难，或是某些功能必须使用Android原生代码。这时就需要用sencha touch代码调用Android代码了，可以通过phonegap实现。举例如下（微信分享功能）：首先在Android项目src下添加包com.share,包中新建文件ShareWeiXin.java文件代码如下[co...

最近部署一台worklight server服务器，遇到个问题，适配器返回的数据都是乱码。解决方法：在tomcat的catalina.bat文件中set JAVA_OPTS=%JAVA_OPTS% %LOGGING_CONFIG%的后面加上 -Dfile.encoding="UTF-8"有的没有，直接加这句就可以了[code="java"]set JAVA_OPTS...