의 ExtJS 그리드보기 만 한 행

Question

나는 PHP 배열 ($ test_arr) 내가이 배열

vertStore = new Ext.data.JsonStore 
    ({ 
    autoLoad: false, 
    mode: 'local', 
    data: <?php echo $test_arr; ?>, 
    fields: 
    [ 
    'INV_NO', 
    'INV_DATE' 
    ]       
    }); 

내 그리드 패널 데이터 저장소를

Array 
(
    [0] => Array 
     (
      [INV_ID] => 1 
      [INV_TYPE_ID] => CART 
      [INV_NO] => CPI0000001 
      [INV_DATE] => 17-DEC-12 
     ) 

    [1] => Array 
     (
      [INV_ID] => 2 
      [INV_TYPE_ID] => CART 
      [INV_NO] => CPI0000002 
      [INV_DATE] => 17-DEC-12 
     ) 
) 

아래와 같이이

testPanelUi = Ext.extend(Ext.Panel, { 
     width: 400, 
     height: 250, 
     initComponent: function() { 
      this.items = [ 
       { 
        xtype: 'grid', 
        title: 'ccccc', 
        ref: 'test_ref', 
        id: 'panel_id', 
        columns: [ 
         { 
          xtype: 'gridcolumn', 
          dataIndex: 'INV_NO', 
          header: 'INV NO', 
          sortable: true, 
          width: 100, 
          editable: false, 
          id: 'inv_no_id' 
         }, 
         { 
          xtype: 'gridcolumn', 
          dataIndex: 'INV_DATE', 
          header: 'Date', 
          sortable: true, 
          width: 100, 
          editable: false, 
          id: 'date_id' 
         } 
        ] 
       } 
      ]; 
      testPanelUi.superclass.initComponent.call(this); 
     } 
    }); 

내 상점을 그리드에로드하십시오.

this.test_ref.store = vertStore; 

하지만이 gird는 배열의 첫 번째 데이터 집합 만 봅니다 (배열의 인덱스 0 데이터 집합은 한 행만 표시). 그리드의 모든 데이터를 어떻게 볼 수 있습니까? 이 그리드

Answer 1

문제는

testPanelUi = Ext.extend(Ext.Panel, { 
    width: 400, 
    height: 250, 
    initComponent: function() { 
     this.items = [ 
      { 
       xtype: 'grid', 
       title: 'ccccc', 
       ref: 'test_ref', 
       height: 400, 
       autoHeight: true, 
       id: 'panel_id', 
       columns: [ 
        { 
         xtype: 'gridcolumn', 
         dataIndex: 'INV_NO', 
         header: 'INV NO', 
         sortable: true, 
         width: 100, 
         editable: false, 
         id: 'inv_no_id' 
        }, 
        { 
         xtype: 'gridcolumn', 
         dataIndex: 'INV_DATE', 
         header: 'Date', 
         sortable: true, 
         width: 100, 
         editable: false, 
         id: 'date_id' 
        } 
       ] 
      } 
     ]; 
     testPanelUi.superclass.initComponent.call(this); 
    } 
}); 

아래처럼 'test_ref'새로운 격자 모양의 내부 높이를 설정하지