本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
Sencha Touch实战OA系统开发_Sencha Touch视频
网盘下载:http://pan.baidu.com/s/1bnvVII 密码:dy8n
第1讲.使用HTML5技术进行移动OA的开发_系统演示及相关技术简介
第2讲.使用HTML5技术进行移动OA的开发_相关 ...
sencha touch 集成百度 Echarts
下载百度echart:https://codeload.github.com/ecomfe/echarts/zip/2.2.6
解压将 echarts-2.2.6/build/dist/echarts-all.js 拷贝到 sencha touch项目根目录
修改 app.json 文件,将echarts-all.js引入 sencha项目中
这样就集成好了。在项目里可以先创建htm ...
sencha touch 表单组件监听软键盘事件
用Ext.form.Panel做表单时,经常会专门添加一个提交按钮来响应用户的提交操作。但这样设计,从用户体验来讲,用户在输入完信息后,需要手动关闭键盘,再添加提交按钮,非常不方便,如果我们能监听到系统软件盘的提交按钮事件就可以判断用户提交操作,提升用户体验。
监控方法如下:
{
xtype : 'textfield',
listeners : {
/ ...
sencha touch form field 随键盘弹而自适应
使用sencha touch form里的field的组件,我们都会遇到这种情况,当一个表单中的field过多时,会向下撑满整个屏幕,这是如果点击靠屏幕下方的field组件,那么弹出的系统输入法会把form字段给遮挡住,这种用户体验非常不好。如果能在输入框展开时,自动调整field的展示位置就好了。
使用如下配置:
{
xtype: 'textareafield',
...
sencha touch 列表增加图片新闻
var topNews = Ext.create('Ext.Carousel', {
height : 70,
scrollDock: 'top',
docked : 'top',
defaults: {
backgroundCls : 'x-img-background topnews-carousel-item-img'
},
items: [
{
...
phonegap + sencha touch 监控backbutton按钮返回事件切换页面
前提:
sencha cmd创建好sencha项目,安装好cordova环境。
详细配置过程
sencha:http://docs-origin.sencha.com/cmd/5.x/touch/cmd_app.html
cordova:http://cordova.apache.org/docs/en/5.0.0/guide_cli_index.md.html#The%20Command ...
sencha touch list infinite 属性
sencha touch list
1 默认每一项的高度会自动适应其内容。
2 当每一个 item 的高度都相同且不变时, 设置 itemHeight 为固定值 和 variableHeights 为 false,
可以优化性能,因为不用去动态计算每一项的高度。
3 infinite 属性对底层做了优化,大体是 infinite 为 false 时,每一个 item 都对应一个 d ...
Sencha Touch页面跳转创建返回上一级按钮的设计思路
这段时间开发了一个微博模块,其中涉及到各种页面跳转,例如A页面跳到B页面,B页面又跳到C页面,同时A页面也可以跳到C页面,那么在C页面返回上一级的时候就需要判断是哪个页面跳转进来的,甚至会发生A页面跳到B页面,B页面还能跳到A页面的这种循环跳转,有人会说为什么不用navigationview,navigationview只提供简单的返回上一级功能,如果在返回上一级的操作中还需要判断各种参数的 ...
Sencha Touch延迟加载模块中的小类提高程序进入每个模块时性能
上一篇文章我写了如何提高Sencha Touch在进入程序时的性能,但是后来发现,虽然进入程序时候性能提高了,但是初始化Controller的任务分摊到各个模块了,使得第一次进入模块的时候变得比原来慢了,那么问题来了,如何继续提高第一次进入模块时候的性能呢?Controller是必须要在进入模块时候初始化的,这是不能改变的事实,那能不能从其他方面入手呢?我查看每个模块的代码发现了一个共性的问题 ...
Sencha Touch延迟加载模块提高程序启动时性能
目前一段时间一直做移动终端开发,使用框架为Sencha Touch,Sencha Touch是基于Html5和Ext的,所以在性能上存在很大的问题,尤其是打开程序的时候需要加载很多模块的javascript类,严重影响了程序进入时的速度,随着模块的增多,速度越来越慢。能优化的已经都优化了,比如把各个模块的model,view,store都放到每个模块的Controller里面单独引入,但是每 ...
sencha touch给没有点击事件的控件添加点击事件
实现添加点击事件的方法:
/**
* 给没有tap事件的控件添加tap事件
*/
addTapEvent : function(component) {
component.element.on('tap', function(e, t) {
component.fireEvent('tap', component, e, t);
}, component);
...
sencha touch 滚动条(scroll)样式修改
重写scroll样式,只修改颜色为灰色
.x-scroll-indicator.rounded>:nth-child(2){
content:none!important;
}
.x-scroll-indicator.rounded>*{
background-color: #ccc!important;
}
Sencha Touch controller、model、store动态注册
动态加载的优势:提升应用启动的速度,之前都放在app.js注册,app会把所有注册的都实例化,导致启动很慢,经过测试应用开始加载时间明显缩短
Controller和Store层
// 判断是否创建过实例
if(!Ext.ClassManager.isCreated("Test.controller.phone.app0050000007.app0050000007Controlle ...
动态加载javascript和css文件
在sencha touch中动态加载javascript和css文件:
function loadjscssfile(filename,filetype){
if(filetype == "js"){
var fileref = document.createElement('script');
fileref.setAttrib ...
sencha touch中textfield限制输入字数
首先重写textfield方法,添加maxLength属性
Ext.form.TextField.prototype.initValue = function()
{
if(this.value !== undefined){
this.setValue(this.value);
}else if(this.el.dom.value.length > ...
worklight调用原生(Android、IOS)页面
调用原生页面
if (!(typeof WL === 'undefined')) {
if (app.platform == WL.Environment.ANDROID)
nativePage = "com.Test.BrowsePDFActivity";
else if (app.platform == WL.Environment.IPHONE | ...
sencha touch中处理Android返回按钮事件
应用中只有一个NavigationView的情况:
// 处理一下android返回按钮
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
document.addEventListener("backbutton& ...
selectfield donebutton汉化
sencha touch 的selectfield在默认情况下选取按钮为英文,如图:
1、如需将选取按钮修改为中文,可添加defaultPhonePickerConfig或defaultTabletPickerConfig配置:{
xtype: 'selectfield',
flex: 1,
placeHolder: '请选择',
itemId: 'qd_xszlbh_sale', ...