의 ExtJS 4-

Question

보이지 않는 그리드의 데이터는 내가 (저장 및 모델의 코드와 함께) 다음 코드를 사용하여 간단한 그리드를 가지고있다.

var containerDetailsGrid = Ext.create('Ext.grid.Panel', { 
    store: storeVarContainerDetails, 
    tbar:[ 
     { 
      xtype:'tbtext', 
      text:'Container Details' 
     } 
    ], 
    columns: [ 
     { 
      header  : 'Ctr Size', 
      flex  : 1, 
      dataIndex: 'ctrSize', 
      autoExpand:true, 
      align:'center' 
     } 
    ], 
    height: 100 
}); 

var storeVarContainerDetails = Ext.create('Ext.data.Store', { 
    model: 'VoyageMonitoringContainerDetailsModel', 
    proxy: { 
     type: 'ajax', 
     url: 'http://localhost/pnc/stores.php', 
     extraParams:{ 
      action:'containerDetails' 
     }, 
     reader: { 
      type: 'json' 
     } 
    }, 
    autoLoad:true 
}); 

Ext.regModel('VoyageMonitoringContainerDetailsModel', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     {type: 'string', name: 'ctrSize'} 
    ] 
}); 

저장소가로드되고 데이터를 가져 오지만이 데이터는 표시되지 않거나 실제로 눈금에서 볼 수 있습니다.

DOM에서 그리드 요소를 검사하면 그리드 테이블의 'td'에있는 데이터를 볼 수 있지만 그 데이터는 표시되지 않습니다.

페이지에 다른 그리드가 있지만이 모든 것을 제외한 모든 데이터가 표시됩니다. 또한 콘솔에 오류가 발생하지 않습니다.

누구나 이런 상황에서 약간의 빛을 던질 수 있습니까? 첨부가 더 명확하게 스크린 샷입니다.

PS : 나는 당신이 상점에서이 작업을 시도해 봤어

Answer 1

답변을 답장으로 게시하면 다른 사용자가 동일한 내용을 찾는 데 도움이 될뿐만 아니라 답변도 표시 할 수 있습니다. 해결 방법은 그리드가 폼의 컨테이너의 자식이되어서는 안되며 폼의 필드 세트의 자식이어야합니다. 나는 이것의 뒤에 이유를 모른다, 그러나 저를 위해 잘 작동한다. 희망이 다른 사람도 도움이됩니다.

Answer 2

는 ExtJS 4를 사용하고?

 autoLoad :true