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

最新推荐文章于 2025-09-10 18:00:18 发布

最新推荐文章于 2025-09-10 18:00:18 发布 · 30 阅读

文章标签：

#测试

本文介绍如何使用ExtJS框架创建一个新闻应用控制器，通过定义NewsController处理新闻展示，并使用Ext.List组件显示新闻列表。

建立一个新的控制器以处理新闻(NewsController.js):

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 组件来显示新闻.