常规的Sencha touch 应用都是"header content footer"结构,这样的结构无疑将使用TabPanel来实现,而且TabPanel肯定是card布局,这样就会如果要实现"view"之间的跳转,animateActiveItem()方法将被使用, 但是通过st的源码 animateActiveItem: function(activeItem, animation) { var layout = this.getLayout(), defau…

在2.3/2.4版本中,新版谷歌浏览器(43.44版本)里面painted事件是不会触发的,以及carousel 控件.togglefield控件.滚动条失效,官方的解决方案如下,测试可用 会出现这个问题是因为st开发人员忽略了以下警告造成的 在app.js中执行以下代码即可,放到launch方法里面哦. Ext.override(Ext.util.SizeMonitor, { constructor: function (config) { var namespace = Ext.util.s…

一 页面嵌入ASPxGridLookup控件 <dx:ASPxGridView ID="gridDetail" runat="server"                         KeyFieldName="ID"                         OnRowInserting="gridDetail_RowInserting" >                        <Co…

一位同学问我一个问题: sencha touch中xtype创建dataview死活不显示!!版本2.3.1,MVC模式,sencha touch创建目录程序很简单,主界面一个tabPanel,两个分页“FoodMain”“UserMain”想在第一个分页显示一个DataView,结果死活不显示,Main.js如下: //file: app/view/Main.js Ext.define('myapp.view.Main', { extend: 'Ext.tab.Panel', xtype: '…

一.SenchaTouch的hello world实例: Ext.application({ name:'myapp', icon:'images/icon.png', glossOnIcon:false, phoneStartupScreen:'images/phone_startup.png', tabletStartupScreen:'images/tablet_startup.png', launch:function(){ var panel=Ext.create('Ext.Panel…

这篇文章介绍了sencha touch 模仿tabpanel导航栏TabBar的实例代码,有需要的朋友可以参考一下 基于sencha touch 2.2所写 效果图: 代码: /* *模仿tabpanel导航栏 */ Ext.define('ux.TabBar', {     alternateClassName: 'tabBar',     extend: 'Ext.Toolbar',     xtype: 'tabBar',     config: {         docked: 'bo…

delphi中的panel控件是怎么使用的?研究了很久了,还是搞不懂,只知道把它放到form上面,其他操作一律不懂了,有谁可以请教一下,如何把其他控件放到里面去呢?谢谢 提问者采纳   直接把控件放到Panel上就行了,如果想把原来的控件添加到panel上,剪切控件再选中panel,黏贴就行了.要先选定panel控件,再在上面拖拉控件或粘贴控件才行.Panel是一个容器控件,可以用来进行窗体控件的布局和分类.可以直接拖在panel上面也可以自己该其他控件的parent属性设置成panel的名字…

我们对控件进行分组的原因不外乎三个: 1.为了获得清晰的用户界面而将相关的窗体元素进行可视化分组. 2.编程分组,如对单选按钮进行分组. 3.为了在设计时将多个控件作为一个单元来移动. 在vb.net中,有GroupBox.Panel.TabControl这三个控件可以实现上面所提到的三个分组目的,所以我们称它们为分组控件. 前面我们了解了GroupBox(控件组)控件(vb.net入门——分组控件:GroupBox控件的使用)的使用,这里我们将来看看下怎么使用Panel(也称面板)控件.实际上…

  OLE(Object Linking and Embedding,对象连接与嵌入) 一.过去的OLE和今天的OLE 最初的OLE含义是指在程序之间链接和嵌入对象数据,它提供了建立混合文档的手段(资深Windows 3.X 用户可能记得当初在Word6.0中插入一个图形的新奇和喜悦),使得那些没有太多专业知识的用户能够很容易地协调多个应用程序完成混合文档的建立.1991年制定的OLE1.0规范主要解决多个应用程序之间的通信和消息传递问题,微软希望第三方开发商能够遵守这个规范,以使在当时的Win…

sencha-touch-debug.js      供开发时用sencha-touch.js   供发布时用sencha-touch-all.js All     供不能使用SDK构建应用程序时,将应用程序投入正式运行时用sencha-touch-all-debug.js All     供不能使用SDK构建应用程序时,处于开发阶段时用sencha-touch-all-compat.js All   供升级Sencha Touch 1.0的应用程序时用 我使用sencha-touch-debu…

Sencha Touch 是一个使用 HTML5.CSS3 和 JavaScript 语言构建的移动 web 应用程序框架,在本文中,学习如何应用您当前的 web 开发技能进行移动 web 开发.下载和建立 Sencha Touch,通过一个样例应用程序探究基本原理.学习开始使用 Sencha Touch 框架所需的一切 2012 年 3 月 19 日 内容 概述 Sencha Touch 准备开始 UI components 结束语 参考资料 评论 概述 在软件开发领域中,有两个重要的趋势越来…

免责声明:     本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除.     原文作者:威老     原文地址:http://www.cnblogs.com/weilao/archive/2011/11/26/2264310.html 在开发的过程中,经常会碰到需要调用刚才创建的组件的情况.一般情况下,可以用Ext.getCmp()方法达到这一目的.这个方法是Ext.ComponentManager的get方法的快捷方式,调用Ext.getCmp()方法其实就是…

原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置,因而,不须要手动去管理那些碎片.Ext JS与Sencha Touch的布局类有很多类似之处.近期在 Ivan Jouikov的这篇博文中对他们进行了具体的分析. 尽管是这样.但非常多Ext JS和Sencha Touch开发者可能永远都不会去了解布局系统的机制原理.Sencha框架已经提供了最经…

原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置,因而,不需要手动去管理那些碎片.Ext JS与Sencha Touch的布局类有许多相似之处,最近在 Ivan Jouikov的这篇博文中对他们进行了详细的分析.虽然是这样,但很多Ext JS和Sencha Touch开发人员可能永远都不会去了解布局系统的机制原理.Sencha框架已经提供了最常用…

参考资料: http://www.cnblogs.com/qqloving/archive/2013/04/25/3043606.html http://www.admin10000.com/document/140.html 这里我主要讲的是如何加入全局变量.公用类.自定义扩展.资源文件 官网地址:http://www.sencha.com/products/touch/ 官当最新doc:http://docs.sencha.com/touch/ 1.环境搭建 a.安装java 先下载JAVA…

1.Sencha Touch开发与普通web开发有什么区别? Sencha Touch(为方便起见,本文后面一律简写为ST)页面的开发跟普通html页面相比,总体来说没有本质上的区别,只是引入了对html5和CSS3的支持,然后提供了对移动设备(iPad/iPhone/Android Mobile/Android Tablet/BlackBerry等)的特殊优化.事实上也正是因为html5和CSS3才使得ST可以实现如此美妙以至于可以媲美Native应用程序的交互效果. 2.特殊的Documen…

写了好久的sencha touch,没想到换工作竟然一年多没有搞了.因为项目的缘故收集了好多的组件,由于懒惰,没有整理,现在想想有点后悔了,再加上如果就这样丢弃,感觉有些遗憾,今天整理了一下放在github上了,可以帮助sencha-touch的朋友们提高. TouchTreeGrid and CalendarPicker Sencha Touch Tree Grid, Basic Grid and Accordion Component with Examples Project Addres…

1.目录 移动框架简介,为什么选择Sencha Touch? 环境搭建 创建项目框架,框架文件简介 创建简单Tabpanel案例 自定义图标的方式 WebApp产品测试和发布 HTML5离线缓存 发布成Android/IOS本地app应用 移动框架简介,为什么选择Sencha Touch? 目前市面上,移动应用web框架,也算是风生水起,不断涌现,各个都称自己最牛逼.常见的几个框架主要有jquery Mobile,Dojo Moble,Sencha Touch,我这里是极端推荐Sencha To…

移动前端工作的那些事---前端制作之微信小技巧篇   (2013-11-15 15:20) 转载▼ 标签: it css3/javascript html5 webapp 手机网站搭建 分类: 前端制作之微信技巧篇 随着微信的越来越大众化,微信的使用程度也越来越高.随之,产生了一种新的推广模式,即微信推广.在这个微信的大平台上会衍生出许许多多的推广手段.而移动前端作为服务于手机用户的手机网页技术,也不可避免的加入进来. 一些客户不仅仅满足于自己的网站可以在手机浏览器上完美的展现出来,同时还要求可…

从sencha touch 2.4.2升级到ext js 6,cmd版本升级到6.0之后发生了很多变化 首先从cmd说起,cmd 6 中sencha app build package不能使用了,sencha app build native好像也不能用了. 有个好消息就是我们可以用sencha ant native buildsencha ant package build 这两个命令,目测和以前的效果差不多了 然后再说说ext js 6相对sencha touch 2.4.2的变化 首先最只…

原文:http://extjs.org.cn/node/664 Sencha Touch和jQuery Mobile的比较 Posted 周三, 08/07/2013 - 10:07 by admin 很多人问我Sencha Touch 和jQuery Mobile哪个更好.事实上,它两的区别就像是Web后台编程,PHP和Java.它们都能完成同样的功能,但其实它们是为不同的目的而创造的. Sencha Touch基于web-kit浏览器并做了优化,而jQuery Mobile适用于一般浏览器.…

Sencha Touch 2的有效xtype xtype Class ----------------- --------------------- actionsheet Ext.ActionSheet audio Ext.Audio button Ext.Button component Ext.Component container Ext.Container image Ext.Img label Ext.Label loadmask Ext.LoadMask map Ext.Map m…

笔者在做sencha项目的时候碰到一个需求,就是"好友列表"中分为"未确认好友"和"已确认好友",两个都是一个list,自然想到的就是使用tabpanel来实现. 但是在sencha touch的开发使用过程中,我们总是会碰到不给高度就不显示的问题,非常之恼火,浪费我大把时间研究 笔者在开发这个需求的时候也碰到了,下来就分享一下方案吧: 1,先来看看有问题的方案,以下是代码: Ext.define("mine.view.ListFrie…

 1.一些命令 创建APP #  Make sure the current working directory is the Sencha Touch 2 SDK 例如D:\Program Files\wamp\www\sencha-touch-2.1.1-commercial cd /path/to/sencha-touch-2-sdk sencha generate app MyApp /path/to/www/myapp 生成模型MODEL cd /path/to/www/myapp s…

基础知识 一.要注意书写,一个字母就会让你代码跑不起来Ext.setup({ icon:'icon.png', glossOnIcon:false, tabletStartupScreen:'talbet_startup.png', phoneStartupScreen:'phone_startup.png', onReady:function(){ var panel = new Ext.Panel({ //特别注意这个Ext.Panel的写法,Panel第一个字母是大写 id:'panel'…

Sencha Touch 和 jQuery Mobile 的比较 英文原文:Sencha Touch vs jQuery Mobile 标签: Sencha Touch jQuery Mobile 103人收藏此文章, 我要收藏oschina 推荐于 2年前 (共 7 段, 翻译完成于 08-02) (23评)    参与翻译(1人): yale8848 仅中文 | 中英文对照 | 仅英文 | 打印此文章 很多人问我Sencha Touch (百度百科Sencha Touch译者加) 和jQue…

原文:Exploring the Layout System in Ext JS 5 and Sencha Touch 布局系统是Sencha框架中最强大和最有特色的一个部分. 布局要处理应用程序中每一个组件的尺寸和位置.在Ext JS和Sencha Touch直接有很多相似之处.尤其是如今Ext JS 5開始支持平板更是如此.以下让我们来探讨一下布局系统是怎样跨域Sencha框架进行工作的. 布局简史 最主要的HTML一直都缺乏一个严格定义的布局系统. 很多年来,因为CSS实现的差距.开发跨浏…

原文:Creating an Online/Offline proxy in Sencha Touch 概述 在Sencha Touch中,一个常见的需求就是,当设备在没有连接互联网的时候,应用程序必须能够继续工作.Sencha Cmd为实现应用程序离线工作提供了一切所需的工具,如自动生成应用程序清单文件,不过,这其中最大问题是如何处理数据.有许多方式可以用来处理数据,而一个常用的技术就是在本地存储代理和AJAX代理之间实现切换.在本文,ProWeb软件公司的Tom Cooksey将展示如何使用…

原文:Getting Started with Sencha Touch 2: Build a Weather Utility App (Part 3) 作者:Lee BoonstraLee is a technical trainer at Sencha. She's located in Amsterdam and has experience in both front-end and back-end development. Lee spends her spare time deve…

Container控件是我们在实际开发中最常用的控件,大部分视图控件都是继承于Container控件,了解此控件能帮我们更好的了解sencha touch. layout是一个很重要的属性,能够帮助你进行布局. layout的基本用法可见:http://www.cnblogs.com/html5mob/archive/2012/07/10/2583248.html 了解了基本用法之后,我们可以用此实现复杂的布局,比如九宫格布局. 代码如下: Ext.define('app.view.layout…