现在我们来修改传递给分发功能的对象如下:
1 2 3 4 5 6 7 8 9 10 |
Ext.dispatch({ controller: 'Home', action: 'index', historyUrl: 'Home/index', // animation: { type: 'slide', reverse: true, }, }); |
我们已经为指定动画属性的对象添加动画的客户属性,这个对象将从index action传递到setActiveItem功能,我们可以添加任何多的我们所希望添加的客户属性。我们下一步将看到我们是如何通过分发功能来实现对客户属性的访问的。
下面我们将对Indexaction做如下修改:
3 4 5 6 |
index: (options) { ...
this.application.viewport.setActiveItem(this.indexView, options.animation); }, |
每个action都将有一个an Ext.Interaction对象传递给它,在这个对象中可以看到传递到Ext.dispatch 函数中的客户属性,我们已经这个传递过来的对象为options,在上面的代码行中可以看到。
我们所设置的动画属性,可以被像options.animation这样被访问,正像上面的五行代码所看见的一样。
现在你可以进行测试了,当你点击index视图中的回退按钮,界面将从左向右滑动。