스크롤바가이 extjs 코드에 나타나지 않는 이유는 무엇입니까?

내가 아코디언 레이아웃을 테스트하고 문제에 달렸다,이 스크롤 막대가 그리드에 표시되지 않습니다 스크롤바가이 extjs 코드에 나타나지 않는 이유는 무엇입니까?

enter image description here

처럼

var myData = [ 
    ['3m Co',        71.72, 0.02, 0.03, '9/1 12:00am'], 
    ['Alcoa Inc',       29.01, 0.42, 1.47, '9/1 12:00am'], 
    ['Altria Group Inc',     83.81, 0.28, 0.34, '9/1 12:00am'], 
    ['American Express Company',   52.55, 0.01, 0.02, '9/1 12:00am'], 
    ['American International Group, Inc.', 64.13, 0.31, 0.49, '9/1 12:00am'], 
    ['AT&T Inc.',       31.61, -0.48, -1.54, '9/1 12:00am'], 
    ['Boeing Co.',       75.43, 0.53, 0.71, '9/1 12:00am'], 
    ['Caterpillar Inc.',     67.27, 0.92, 1.39, '9/1 12:00am'], 
    ['Citigroup, Inc.',      49.37, 0.02, 0.04, '9/1 12:00am'], 
    ['E.I. du Pont de Nemours and Company', 40.48, 0.51, 1.28, '9/1 12:00am'], 
    ['Exxon Mobil Corp',     68.1, -0.43, -0.64, '9/1 12:00am'], 
    ['General Electric Company',   34.14, -0.08, -0.23, '9/1 12:00am'] 
]; 

var store = Ext.create('Ext.data.ArrayStore', { 
    fields: [ 
     {name: 'company'}, 
     {name: 'price',  type: 'float'}, 
     {name: 'change',  type: 'float'}, 
     {name: 'pctChange', type: 'float'}, 
     {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'} 
    ], 
    data: myData 
}); 


Ext.create('widget.window', { 
     title: 'Activity', 
     closable: true, 
     closeAction: 'hide', 
     width: 250, 
     height: 300, 
     bodyBorder: true, 
     tbar: { 
      xtype: 'toolbar', 
      ui: 'plain', 
      items: [{ 
       iconCls:'refresh' 
      }, 
      '->', 
      { 
       xtype: 'displayfield', 
       name: 'act_date', 
       id: 'act_date', 
       value: '2011-08-08' 
      }] 
     },  
     layout:'accordion', 
     border: false, 
     items: [{ 
       title: 'Recent activity', 
       items: [{ 
          xtype: 'grid', 
          store: store, 
          hideHeaders: true, 
          border: 0, 
          autoScroll: true, 
          columns: [{ 
             text  : 'Company', 
             flex  : 1, 
             sortable : false, 
             dataIndex: 'company' 
            },{ 
             text  : 'Price', 
             width : 75, 
             sortable : true, 
             renderer : 'usMoney', 
             dataIndex: 'price' 
            }] 

         }] 
      },{ 
       title: 'Recent activity', 
       html: '' 
      },{ 
       title: 'Recent activity', 
       html: '' 
      }] 

}).show();

출력은 코드입니다. 왜 그렇게 생각하지 않아?

감사

solution1 = 오버 플로우시 키란의 대답 solution2 = 당신은 당신이 높이를 계산합니다 data.Then를 표시하려고하는 그리드의 높이를 지정해야합니다 http://jsfiddle.net/MmBWF/

출처

2011-08-08 Gihan Lasita

난 당신이'오버 플로우 추가 할 필요가 생각하는 결과를 볼 수 있습니다은'높이 아래 auto'을 : 300' Ext.create ('widget.window'에서, {'코드 –

실제로 콘텐츠가 더 많은 동안 고정 높이 div에 스크롤바를 제공하는 CSS 속성입니다. –

은 (와)과 같은 스타일을 시도했지만 {overflow : 'auto'} 작동하지 않습니다. –

, 스크롤 막대가 표시됩니다.

확인 아래 링크 :

http://jsfiddle.net/NswjV/

출처

2011-08-08 11:59:33 Unknown

감사합니다. 크기를 설정하여 스크롤 막대가 accordian 밑으로 간다 –

나는 아코디언 외부에 그리드를 만들려고했는데 다음에 추가했습니다. 멋지게 http://jsfiddle.net/bfaFS/ extjs에 버그가 있습니까? –

나는 그것이 버그일지도 모른다라고 생각한다. – Unknown

문제는 당신이 당신의 그리드를 포함 아코디언 컨테이너 내의 별도의 컨테이너를 가지고있다.

내가이를 제거하고 here

출처

2011-08-09 16:27:34

스크롤바가이 extjs 코드에 나타나지 않는 이유는 무엇입니까?

답변

관련 문제