从零开始学习Sencha Touch MVC应用之十八

最新推荐文章于 2024-11-05 15:26:40 发布

chiju9336

最新推荐文章于 2024-11-05 15:26:40 发布

阅读量94

点赞数

文章标签：测试

原文链接：https://my.oschina.net/fanyongqiang/blog/654364

版权

Ext.regController('News', {
  
    // index action
    index: function(options)
    {
        if ( ! this.indexView)
        {
            this.indexView = this.render({
                xtype: 'NewsIndex',
            });
        }
  
        var backBtn = this.application.viewport.query('#backBtn')[0];
        backBtn.show();
  
        backBtn.setHandler(function()
        {
            Ext.dispatch({
                controller: 'Home',
                action: 'index',
                historyUrl: 'Home/index',
                //
                animation: {
                    type: 'slide',
                    reverse: true,
                },
            });
        });
  
        this.application.viewport.setActiveItem(this.indexView, options.animation);
    },
});

现在新闻控制其索引视图为(NewsIndexView.js):

App.views.NewsIndex = Ext.extend(Ext.List, {
    store: 'NewsItems',
    itemTpl: '{title}, <span class="date">{date}</date>',
});
Ext.reg('NewsIndex', App.views.NewsIndex);

正像我们前面所见，我们已经采用了 Ext.List 组件来显示新闻.

转载于:https://my.oschina.net/fanyongqiang/blog/654364