Sencha Touch 笔记

最新推荐文章于 2019-07-28 01:31:29 发布

weixin_33851429

最新推荐文章于 2019-07-28 01:31:29 发布

阅读量76

点赞数

本文详细介绍了Sencha Touch中的动画实现方式，包括Fade、Flip、Pop和Slide等效果的使用方法，并提供了实例代码。此外，还探讨了在控制器中定义JS事件时可能出现的问题及其解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Sencha Touch 的动画方式

HIERARCHY

Ext.Base

Ext.fx.Animation

REQUIRES

Ext.fx.animation.Fade

Ext.fx.animation.FadeOut

Ext.fx.animation.Flip

Ext.fx.animation.Pop

Ext.fx.animation.PopOut

Ext.fx.animation.Slide

Ext.fx.animation.SlideOut

使用方法类似：win.show({type:'pop',direction:'left'});或win.show('pop');

相见API：http://docs.sencha.com/touch/2-0/#!/api/Ext.fx.Animation

Uncaught TypeError: Cannot call method 'apply' of undefined

可能的原因是你在controller中定义的js事件，没有找到，例如：

Ext.define('PLM.controller.Main', {
    extend: 'Ext.app.Controller',
    config: {
        refs: {
            main: '#PLMMain',
            product:'#ViewProduct',
            cdnWin: 'formpanel',
            btnSelCdns: '#PLMMain button[action=SelectCondition]',
            btnCdnWinClose: 'formpanel button[action=CdnWinClose]',
            btnCdnWinSearch: 'formpanel button[action=CdnWinSearch]',
            //产品图册工具栏按钮
            btnBackCategory: '#ViewProduct button[action=BackCategory]',
            btnSortBySKC: '#ViewProduct button[action=SortBySKC]',
            btnSortByDesignId: '#ViewProduct button[action=SortByDesignId]',
            btnDesignImg: '#ViewProduct button[action=DesignImg]',
            btnSampleImg: '#ViewProduct button[action=SampleImg]',
            btnImgType:'#ViewProduct #segBtnImageType',
            productToolbar:'#ViewProduct #productviewtb'
        },
        control: {
            //选择条件窗体
            btnSelCdns: {
                tap: 'showConditionWin'
            },
            btnCdnWinClose: {
                tap:'CdnWinClose'
            },
            btnCdnWinSearch: {
                tap: 'CdnWinSearch'
            },
            main: {
                itemtap:'CategoryClick'
            },
            btnBackCategory: {
                tap: function () {
                    Ext.Viewport.setActiveItem(this.getMain());
                }
            },
            btnSortBySKC: {
                tap: function () {
                    this.getProduct().getStore().sort('productName', 'ASC');
                }
            },
            btnSortByDesignId: {
                tap: function () {
                    this.getProduct().getStore().sort('designerId', 'ASC');
                }
            },
            btnDesignImg: {
                tap: function () {
                    this.getProduct().setItemTpl(tplDesign);
                    this.getProduct().getStore().load();
                }
            },
            btnSampleImg: {
                tap:'abcd' // 上下文中你没有定义abcd这个function就会出现上述问题
            }
        },
    },