Sencha Touch MVC 어플리케이션의 18을 0부터 학습합니다.

1278 단어
뉴스를 처리하기 위한 새로운 컨트롤러 구축(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);
    },
});

현재 뉴스는 색인 보기를 다음과 같이 제어합니다(News IndexView.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 구성 요소를 채택하여 뉴스를 표시했다.

좋은 웹페이지 즐겨찾기