zoukankan      html  css  js  c++  java
  • 从零开始学习Sencha Touch MVC应用之十一

    现在我们来修改传递给分发功能的对象如下:
    Ext.dispatch({
        controller: 'Home',
        action: 'index',
        historyUrl: 'Home/index',
        //
        animation: {
            type: 'slide',
            reverse: true,
        },
    });


    我们已经为指定动画属性的对象添加动画的客户属性,这个对象将从index action传递到setActiveItem功能,我们可以添加任何多的我们所希望添加的客户属性。我们下一步将看到我们是如何通过分发功能来实现对客户属性的访问的。
    下面我们将对Indexaction做如下修改:
    index: (options)
    {
        ...
      
        this.application.viewport.setActiveItem(this.indexView, options.animation);
    },


    每个action都将有一个an Ext.Interaction对象传递给它,在这个对象中可以看到传递到Ext.dispatch 函数中的客户属性,我们已经这个传递过来的对象为options,在上面的代码行中可以看到。
    我们所设置的动画属性,可以被像options.animation这样被访问,正像上面的五行代码所看见的一样。
    现在你可以进行测试了,当你点击index视图中的回退按钮,界面将从左向右滑动。
    关于更多的动画属性,你可以查阅Sencha Touch文档的Ext.anims 和 Ext.Anim两个函数方法。
  • 相关阅读:
    人月神话阅读笔记03(完)
    人月神话阅读笔记02
    各种前端好用的在线工具、学习网站、插件
    垂直居中css
    输入框判断表情的输入js
    jq九宫格抽奖
    移动端中一像素的解决方案
    获取url地址栏中的参数数据
    ios中getTime()的兼容性问题
    清除Css中select的下拉箭头样式
  • 原文地址:https://www.cnblogs.com/fyq891014/p/4188897.html
Copyright © 2011-2022 走看看