sencha touch 2.0
CF西西
热爱Html5,热爱NodeJS,热爱Silverlight,热爱WCF, 热爱Android,热爱.NET,热爱iOS,热爱C# ,热爱我自己。
展开
-
sencha touch 2中 Ext.create与Ext.define区别
感谢ryan li这样定义,如果用Ext.create实例化它就用Ext.create(“Check.view.Contact”)而add({xtype: 'contactview'})这就是它俩的区别原创 2012-05-14 10:24:35 · 3794 阅读 · 1 评论 -
Sencha Touch 2 Card布局页面切换效果
已知的有:Cover, Fade, Flip, Pop, Reveal, Scroll, Slide, card布局中貌似cube没有包含在里面。。。。但是在tabpanel确是可以使用在st2在tabpanel中的代码调用示例: xtype: 'tabpanel', showAnimation:{ type :原创 2012-08-07 15:19:42 · 3911 阅读 · 0 评论 -
sencha-touch2.0 mvc中使用grid注意
Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。mitchellsimoens / Ext.ux.touch.grid 地址:https://github.com/mitchellsimoens/Ext.ux.touch.grid使用时注意事项:1.将Ext.ux.touch.grid这个文件夹复制到你的应用的根目录下:2.在view中不可直原创 2012-01-19 15:47:57 · 3994 阅读 · 0 评论 -
使用Sencha Touch 2MVC框架内嵌html开发
为了使界面变得好看,这次采用了将写好的html页面嵌套入panel控件的方法,然后在launch函数中使用Ext.get()函数选取id后在绑定点击事件。做法:1.lz在controller中定义了一个launch函数,在这个launch函数中执行绑定操作。2.执行绑定(这里对一个图片绑定了一个点击事件,使其点击后跳转到另外一个页面)p.s在图片上定义了一个id:banner1原创 2012-08-11 17:20:40 · 2034 阅读 · 1 评论 -
解决Sencha Touch 2 NavigatorView Push事件只触发了一次问题
大家在使用NavigatorView的时候是不是只能切换一次页面,第二次返回的时候,不能切换了。。。。实际上这是sencha的一个不人性的设置,因为当我们返回的时候,实际上对旧有页面调用了一个pop()事件,而pop事件实际上会将你旧有的页面destory,然后重新生成一个页面,这样你原来监听的那些事件就都无效了。。。。。。。大家只要将navigaotrView的autoDesto原创 2012-08-12 13:50:35 · 1769 阅读 · 0 评论 -
Sencha Touch 2中如何在DataView中显示IndexBar
大家有没有注意到DataView中没有IndexBar这个组件的,但是list中确是有的。。。。。这个真的是非常的蛋疼,但是我们又惊奇的发现在list是继承自dataView的,因此,实际上我们是有办法将indexBar通过和list中一样的办法嵌套进dataView的。首先我们来看一下效果:通过indexBar字母的变换我们可以匹配不同的数据。下面简单说下做法:1原创 2012-08-14 16:16:32 · 1736 阅读 · 0 评论 -
Sencha Touch 做相册
原文:http://superdit.com/2011/08/20/create-image-gallery-using-sencha-touch/转载 2012-08-15 18:17:17 · 1088 阅读 · 0 评论 -
jspbuild用法(sencha touch利用sdk命令工具压缩办法)
解决方法 折腾了一天,找到的资料模糊不清,最后终于搞定了。下面是使用jsb3的方法。1.首先要确定安装了 Sencha SDK Tools 没安装的去官网上下载。2.用命令行进入程序的文件夹 cd path/www/yourapp 3.用sencha命令生成你要的.jsb3文件 sencha create jsb -a index.html -p app.jsb3原创 2012-10-02 13:06:42 · 2353 阅读 · 4 评论 -
sencha touch如何动态改变panel里面的background-image元素
非常好用~~~例子:appIndex.getBannerThree().element.setStyle({backgroundSize: 'contain'}); appIndex.getBannerThree().element.setStyle({backgroundImage: 'url('aaa.jpg')或者Ext.getCmp('b原创 2012-10-03 22:08:38 · 1577 阅读 · 0 评论 -
Sencha Touch 2使切换速度加快小贴士
大家做st应用的时候可以先把目的地页面的内容隐藏掉,切换完成后去显示,这样可以快很多类似这样先hide(),然后切换完成后show() 不然打页面控件太多容易造成delay的特别是有图表的页面canvas渲染极慢有疑问可去q群交流224711028原创 2012-10-26 19:13:14 · 1216 阅读 · 0 评论 -
Sencha Touch2 Mvc 如何集成chart组件
.现在st的chart只有beta版,使用的sencha-touch.js可能与最新的文件有出入,所以引用的时候如果把touch-chart.js直接和2.01的sencha.js一起用会有一个对象未定义的问题,因此lz说说自己的使用方式吧首先:1.引入chart包的两个js文件sencha-touch-debug.jstouch-charts-debugs.js2.然原创 2012-10-26 19:26:14 · 2758 阅读 · 10 评论 -
Sencha Touch 自定义图标
原文:http://sailei1.iteye.com/blog/1630724首先把你 图标图片放入 E:\space\Theming\sdk\resources\themes\images\default\pictos 目录下 我放了个 sai.png app.scss Java代码 $base-color: #ffffff; //背景色 $转载 2012-12-04 18:17:53 · 2205 阅读 · 0 评论 -
解决Sencha Touch 2 MVC部署App.json不被识别问题
Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。lz使用了时下最火的st mvc框架https://github.com/kostysh/Sencha-Touch-2.0-MVC-test-application-with-NestedList发现部署后无法识别App.json这个文件心急如焚幸亏得到l.m同学的帮助,搞定。需原创 2012-05-13 00:51:00 · 1977 阅读 · 2 评论 -
浅谈 Sencha 2.0 中image和carousel的图片自适应大小的应用
转自:http://extjs.org.cn/node/560在sencha 2.0中,经常会用到xtype:image, 但是这个类型的使用,它的表现形式都是一个,然后给把我们要显示的图片作为背景图片放入这个div中,这样,我们往往不好设置它的大小,因为图片是背景图片,高宽都不如标签进行控制的好。尤其是当我们使用xtype:carousel这个类型时,如果代码是这样:转载 2013-01-03 20:50:30 · 2816 阅读 · 0 评论 -
Sencha Touch 2中如何弹出一个网页并关掉此网页
由于本地的app一般不允许打开一个网页,所以我们可以采用popup的方式,通过浮层中嵌套网页的方式来打开网页。1.首先定义一个按钮并定义它的事件text:'尝试', handler:function(){ Ext.Viewport.add({ xtype: 'bigpanel' });原创 2012-07-17 10:47:28 · 2941 阅读 · 4 评论 -
ruby使用推荐文章
http://www.netmagazine.com/tutorials/styling-user-interface-sencha-touch-application转载 2012-04-16 18:06:41 · 548 阅读 · 0 评论 -
Sencha Touch 2中如何动态添加button
欢迎加入sencha touch交流群:224711028原理很简单无非就是在一个容器上面选中id,用容器的add方法将button循环加入。现在我们来试一下1.先定义一个Container组件用,以后在里面添加button ?12xtype:'container',id:'aaa'原创 2012-05-16 20:40:07 · 1792 阅读 · 0 评论 -
sencha touch 两个selectfield之间如何设置间距
如图lz遇到了这样的一个问题:Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。 如何在两个selectfield之间设置间距,试验之后发现在fieldset之中无法设置间距,换做嵌套在panel之后,设置间距成功: ?1234567原创 2012-06-06 22:50:14 · 1960 阅读 · 0 评论 -
gzip格式参考(加快sencha touch网站的运行速度)
Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。gzip是GNUzip的缩写,它是一个GNU自由软件的文件压缩程序。它是Jean-loupGailly和MarkAdler一起开发的。第一次公开发布版本是1992年10月31日发布的版本0.1,1993年2月发布了版本1.0。1.开GZIP有什么好处?答:Gzip开启以后会将输出到用户浏览器的数据进原创 2012-05-26 13:34:25 · 1219 阅读 · 0 评论 -
如何在Sencha Touch List Item中添加一个Button
效果:Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。 实现的方式不难无非是样式的中optical的使用。1.首先定义css?123456789101112131415原创 2012-06-09 21:32:28 · 3888 阅读 · 0 评论 -
解决sencha touch 2中hasmany 调用方法undefined问题
出现这么个问题通常是mode中的路径没有使用全路径造成的Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。例子: 调用的时候只要获得store.first()对象,使用store.first().questions()方法就能获得你要的hasmany Store原创 2012-06-08 16:44:31 · 1034 阅读 · 0 评论 -
Sencha Touch中 xclass和xtype区别
Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。1.xclass 就是 Ext.create(xclass)和 xtype一样的性质,不一定非要是自己创建的。 2.xtype是xclass的简称。3.使用xtype前,你要new的对象,先要requires,xclass应该不用举例 Ext.Viewpo原创 2012-05-24 14:16:07 · 2927 阅读 · 0 评论 -
sencha touch中Ext.setup和Ext.Application区别
Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。(1)从使用角度来看 Ext.Application 适用于MVC框架,Ext.Setup 则不适用。(2)Ext.setup() 是微型的,用于移动设备页面级别的构建;而Ext.Application 可以实现Ext.Setup 的所有功能,并且创建应用对象,可以充分利用sencha创建的各种应用和功原创 2012-05-14 10:28:16 · 1885 阅读 · 0 评论 -
sencha(javascript) 中 生成随机数的方法:
Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。sencha 中 生成随机数的方法:var randomNumber = function(from, to) { return Math.floor(Math.random() * (to - from + 1) + from); };用法:ra原创 2012-02-15 21:09:11 · 702 阅读 · 0 评论 -
sencha touch 2.0 判断应用是否是手机
Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。true为手机,不是true就是其他设备var isPhone = Ext.os.deviceType.toLowerCase() == "phone";现在st2甚至可以判断设备系统iphone或者andriod原创 2012-02-15 20:29:11 · 1347 阅读 · 0 评论 -
如何用sencha sdk tool 生成mvc的框架
Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。感谢阿哲1.首先将你的路径路由到你sdk包下方: 2.路由到该路径后执行命令:sencha app create MyApp /path/to/www/myapp 3.成功!原创 2012-06-13 12:16:29 · 1871 阅读 · 0 评论 -
Sencha Touch 载入base64格式的图片数据
Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。我们以sencha touch ajax为例,在index.html模板中定义'', '', '',插入一个base64的图片数据载入到img标签中,效果如下:什么是B原创 2012-05-13 00:24:13 · 1608 阅读 · 0 评论 -
Aptana常用设置方法
原文:http://ouyo.info/show.php?pid=10641.去掉每次启动软件都会打开的主窗口: Window->Preference->Aptana->My Aptana -> Never display after startup.(1.5) Window->Preference->Aptana->Startup Page->Neve转载 2012-06-21 16:51:57 · 4249 阅读 · 0 评论 -
sencha touch2 + phonegap在android 4.x 启动后白屏的解决方法
原文:http://blog.sina.com.cn/s/blog_5419658701011ug2.html经微博上一位同行的指点,一行代码就解决了sencha touch2 + phonegap在android 4.x 启动后白屏的问题,在index.html里加入下面一段代码: Ext.Loader.setConfig({ disableCaching: false }); Ext.转载 2012-07-13 16:49:18 · 2747 阅读 · 0 评论 -
关于Sencha Touch 2.1 Cmd jsb3
在新的cmd 3.0中不需要生成jsb3文件了可以直接用sencha app build的命令生成压缩的项目p.s compass如果报错的话记得装ruby1.首先安装RailsInstaller.exe 地址(http://railsftw.bryanbibat.net/)2.安装 compass:[plain] view plaincopy原创 2013-01-08 21:57:50 · 1931 阅读 · 1 评论