extJS : Controller에서 View로 Grid.Panel을 추가하면 응용 프로그램이 멈추는 문제 (MVC)

Question

grid.Panels를 동적으로 만들고 내 View에 추가하려고합니다. 이전에 많은 "Views"가 필요하다는 것을 모르기 때문에 데이터를로드합니다. 예를 들어 여러 그룹의 사람들이 있습니다. 일단 데이터를로드하면 그리드를 만들고 싶습니다. 각 그룹의 패널을 작성하고 올바른 사람을 입력하십시오.

문제는 (스토어가 반복적으로로드되고 아마 때문에) 내가

는 어떻게하면 매달려없이 스토어에서 데이터를 내보기에 grid.Panel를 추가하려면 그것을 할 때 내 응용 프로그램이 응답이다?

내 컨트롤러 :

Ext.define('NG.controller.Navigation', { 
    extend: 'Ext.app.Controller', 

    refs: [{ 
     selector: 'group', 
     ref: 'groupPanel'} 
    ], 

    stores: ['Groups'], 

    init: function() { 
     this.control({ 
      'navigation': { 
       itemdblclick: this.onNavigationSelection 
      } 
     }); 
    }, 
    onNavigationSelection: function(view, record, item, index, eventobj, obj) { 

     var groupsstore = this.getGroupsStore(); 

     var group1 = Ext.create('Ext.grid.Panel', { 
      store: groupsstore, 
      title: 'Group 1', 
      columns: [ 
        {header: 'Name', dataIndex: 'name'}, 
        {header: 'Mail:', dataIndex: 'mail'} 
      ] 
     }); 

     groupsstore.load(); 

     this.getGroupPanel().add(group1); 
    } 
}); 

내보기 : (가 필요 확실하지 않은 경우)

Ext.define('NG.view.Group', { 
    extend: 'Ext.panel.Panel', 
    alias: 'widget.group', 
    store: 'Groups', 
    initComponent: function() { 
     this.callParent(); 
    } 
}); 

그리고 내 스토어 :

Ext.define('NG.store.Groups', { 
    extend: 'Ext.data.Store', 
    requires: 'NG.model.Person', 
    model: 'NG.model.Person' 
}); 

안부 사전에 감사합니다 !

Andreas

Answer 1

각 참조를 살펴본 후에 코드에서 오류를 찾을 수 없습니다. 그러나 나는 유사한 문제에 대한 버그 리포트를 발견

http://www.sencha.com/forum/showthread.php?141804-4.0.5-Grid-Uncaught-RangeError-Maximum-call-stack-size-exceeded

내가 지난 주에 프레임 워크를 다운로드를,뿐만 아니라이 버그 내 문제를 해결 며칠 전에 업데이 트가 있었다.

도움 주셔서 감사합니다.

Answer 2

store.load() 이벤트는 비동기입니다. 주위의 추가 패널과로드 저장 이벤트를 전환하십시오 :

this.getGroupPanel().add(group1); 
groupsstore.load(); 

다른 것은 당신이 그것을로드 가게에 아무것도 전달하는 것처럼 보이지 않는 것입니다. 따라서 미리로드하고 데이터를 미리 준비 할 수 있습니다.