06 2013 档案
摘要：如图中效果，代码很简单。就是利用st的loadmask来实现，可以看看api实现其他效果.1 /*添加消息提示组件*/2 masked: {3 xtype: 'loadmask',4 cls: 'message',5 transparent: true,6 indicator: false7 }css: 1 .message .x-mask-inner { 2 background-color:Black; 3 font-size:0....
阅读全文
摘要：在st2.1之中，在NavigationView视图之中在嵌套一个TabPanel会有以下问题下面我们监控TabPanel的activate事件和activeitemchange事件会发现当首页加载时会触发activate事件，进入到TabPanel后不会触发以上两个事件。但是点返回并且销毁TabPanel时会触发activeitemchange事件。activeitemchange(this, value, oldValue, eOpts)并且会发现value值为空所以在这种情况下需要通过代码来过滤，以便达到我们想要的效果1 activeitemchange:...
阅读全文
摘要：首先你得安装一个adt-eclipse参考资料http://www.crifan.com/android_eclipse_offline_install_adt/然后就可以运行adt-eclipse来进行打包1.新建Android一个项目打开Eclipse，单击菜单栏的“File”->把鼠标光标移动到“New”->在弹出的列表框中，如果直接能看到“Android Applicaion Project”选项项，则直接单击此选项，否则选择最下面的“Other...”,在弹出的窗口中，展开“Android”项，选择“Android Applicaion Project”，然后“Next”
阅读全文
摘要：1 Ext.define('app.view.about.About', { 2 alternateClassName: 'about', 3 extend: 'Ext.Container', 4 xtype: 'about', 5 config: { 6 cls: 'info', 7 scrollable: { 8 direction: 'vertical', 9 directionLock: true10 },11 url: 'http://ww...
阅读全文
摘要：https://market.sencha.com/extensionshttp://try.sencha.com/touch/2.1.0/http://www.mitchellsimoens.com/Sencha-Projects/demos/侧滑菜单https://github.com/wnielson/sencha-SlideNavigation点击按钮出现边栏菜单http://innofied.com/simplest-slide-navigation-with-sencha-touch-2-2/这里有很多扩展1.slidetoremove-pluginlist侧滑删除效果。(未使用,
阅读全文
摘要：1 /* 2 *自定义列表页面 3 */ 4 Ext.define('app.view.util.MyList', { 5 alternateClassName: 'myList', 6 extend: 'Ext.List', 7 xtype: 'myList', 8 requires: ['Ext.plugin.ListPaging', 'Ext.plugin.PullRefresh'], 9 config: {10 cls: 'list',11 plugins: [{12 xcl
阅读全文
摘要：在使用工具压缩css和jss时，我遇到了以下问题1.1 showBtn: {2 tap: function (t, value) {3 this.redirectTo(t.config.goto);4 }5 }对于自定义属性，这样写是错的。需要这样，因为压缩检查比较严格正确写法如下：1 showBtn: {2 tap: function (t, value) {3 ...
阅读全文
摘要：在sencha touch2.1中如果采用card布局，show与hide事件的触发和我想象的不一样。假设有home，list，info三个界面，监控list的show，hide事件视图展示顺序为home-》list-》info切父容器为NavigationView从home进入到list，会先触发hide事件，然后再触发show事件。我的预想是只执行show事件，与预想不符,但是可以理解，防止显示的时候出错。从list返回到home，会先触发hide事件，然后再触发show事件。我的预想是只执行hide事件，与预想不符hide事件会优先触发,不是很明白为什么会这样。不过这让我明白在show或
阅读全文
摘要：直接代码，搬运... 1 package com.example.jy110; 2 3 import org.apache.cordova.DroidGap; 4 5 import android.annotation.TargetApi; 6 import android.os.Bundle; 7 8 9 public class Jy110Activity extends DroidGap {10 private int retryCount = 0;11 @Override12 public void onCreate(Bundle savedInstan...
阅读全文
摘要：感谢Q群&sheng的实践，我们的Q群是224711028关于自定义ico除了我之前说的利用png图片来实现，还可以利用font-face。请大家看看http://icomoon.io/app/嗯，效果不错，再加上字体颜色的话也能做出五颜六色的图标。不错不错，而且css本身占用比png图片要小一些。不过有些缺点1.同样都是32px，每个图标的边距留白不同，显示出来的大小不一样，很难看2.还有一个致命的缺陷，图标或许会经常变动，如果使用文字图标，需要把多个图标文字合并在一起从而减小文件大小，但这样做显得繁琐，图片就不存在这样的问题没有实践过不发表意见...待续吧...
阅读全文
摘要：Sencha Touch comes with fully history and deep-linking support. This gives your web applications the following two important benefits: The back button works inside your apps, helping you to navigate correctly and quickly between screens without refreshing the page Deep-linking enables your users to
阅读全文
摘要：里面的图标看起来五颜六色，而且可以很方便的切换各种颜色出来。在这里利用了html5的一些特性，其实这些ico的原型都是这样的这个原型图片名为：maps.png代码如下：1 xtype: 'button', text: '装修招标', iconAlign: 'top', iconCls: 'maps ico roseRed'css如下： 1 .ico { 2 -webkit-mask-size:100%; 3 background-color:#6A6A6A; 4 background-image:none; 5 } 6 .maps
阅读全文
摘要：在显示一条新闻时，如果其中包含了图片，图片过大的话会吧视图给撑大，在app中体验很不好。所以需要控制图片的大小，且需要考虑到该图片已经被指定高宽下的情况。可以使用css来控制1 img {2 width:100% !important;3 height:auto !important;4 }
阅读全文
摘要：pg版本2.6，如果不进行监控的话，点击超链接时，会在app中直接打开，导致app出错。pg2.6中navigator.app.loadUrl的作用也是一样的。所以使用window.open(a.href, '_system'); 1 var el = Ext.getCmp('questionInfo').element; 2 el.clearListeners(); 3 el.on('tap', function (e, t) { 4 ...
阅读全文
摘要：搬运，备忘1 Ext.Ajax.on('beforerequest', function (connection, options) {2 });3 Ext.Ajax.on('requestcomplete', function (connection, options) {4 });5 Ext.Ajax.on('requestexception', function (connection, options) {6 ...
阅读全文
摘要：查看Ext.data.JsonP源码重写了源码中的方法，以便能够加入自动提示。看起来不是那么的优雅，求高人指点 1 var me = this; 2 //提示消息 3 me.message = '正在努力加载中...'; 4 //提示消...
阅读全文
摘要：2.1中在配置文件中设置masked: false是不能禁用masked的list是继承于dataview的，查看dataview的源码发现 1 onBeforeLoad: function() { 2 var loadingText = this.getLoadingText(); 3 if (loadingText && this.isPainted()) { 4 this.setMasked({ 5 xtype: 'loadmask', 6 message: loadi...
阅读全文
摘要：此效果手机未测试，目测没问题，我是搬运工...演示地址：http://scaljeri.github.io/pull-refresh-panel/源码地址：https://github.com/scaljeri/pull-refresh-panel效果图：使用示例：http://www.cnblogs.com/mlzs/p/3382229.html
阅读全文
