扩展代码: /* *扩展carousel *通过data,tpl,store配置数据 */ Ext.define('ux.CardList', { extend: 'Ext.carousel.Carousel', xtype: 'cardList', config: { //单个项配置 itemConfig: {}, //数据展示模版 tpl: null, //数据源 store: null, //数据源 data: null }, //数据源事件 storeEventHooks: { load…

原版 :https://market.sencha.com/extensions/sencha-touch-2-rating-star-field 效果: 我的改造版(只是类名变了): Ext.define('ux.field.Rating', { xtype: 'fieldRating', extend: 'Ext.field.Field', config: { baseCls: Ext.baseCSSPrefix + 'field x-rating', /** * @cfg {Number}…

代码是在网上找的,忘记原出处了 /** * 跑马灯自动切换 */ Ext.define('ux.RotatingCarousel', { extend: 'Ext.carousel.Carousel', alternateClassName: 'rotatingCarousel', xtype: 'rotatingCarousel', config: { delay: 3000, start: true, listeners: { tap: { fn: function () { this.pa…

基于Ext.ux.MenuButton改造而来,和它不同的是,不会每次都去销毁侧边栏,只是单纯的隐藏,属性配置方面没啥区别,每次点击按钮显示时,会触发showMenu事件/方法 代码如下: /** *只隐藏不销毁的侧边栏 * @private */ Ext.define('ux.Menu.Context', { extend: 'Ext.Button', requires: ['Ext.ux.ContextMenu'], config: { menuItems: [], menuSide: 'r…

先上图看效果 没错,这是一个sencha touch 项目,而这里的右边推出效果(下文叫做tabsiderbar),使用插件tabsiderbar来扩展的. 插件js下载地址:http://www.m-gd.com/sencha-touch-sidebar-component/ 这里的插件实现的效果为:工具栏点击,从左边open半个页面出来 而我们如果我们要使这个页面从邮编出来怎么办呢? 这里我将Siderbar.js中扩展了一下,具体如下(这里只贴扩展后的代码和主要思路): 1,给indica…

参考资料: 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…

扩展代码如下: Ext.define('ux.BMap', { alternateClassName: 'bMap', extend: 'Ext.Container', xtype: 'bMap', requires: ['Ext.util.Geolocation'], config: { //私有变量,地图对象 map: null, /// <summary> /// 地图初始化配置 /// </summary> /// <param name="locate&q…

上个版本http://www.cnblogs.com/mlzs/p/3666466.html,新增了一些功能,修复了一些bug 扩展代码如下: Ext.define('ux.BMap', { alternateClassName: 'bMap', extend: 'Ext.Container', xtype: 'bMap', requires: ['Ext.util.Geolocation'], config: { //私有变量,地图对象 map: null, /// <summary> //…

扩展代码如下: Ext.define('ux.BMap', { alternateClassName: 'bMap', extend: 'Ext.Container', xtype: 'bMap', requires: ['Ext.util.Geolocation'], config: { map: null, /// <summary> /// 地图初始化配置 /// </summary> /// <param name="locate">是否加载…

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