IE8은 extjs gridpanel을 표시하지 않습니다.

Question

IE8에는 표시되지 않는 격자 패널이 있지만 모든 것이 ff와 opera에서 잘 작동합니다. 여기 내 코드 :

<div id="mydiv"></div> 

    <style type="text/css"> 
    .x-grid3-cell-inner, .x-grid3-hd-inner {white-space: inherit;} 
    </style> 
    <script type="text/javascript">  
    var sData=[["7039","","","dummy value","Application Administrator","Application Administrator","89/9/14?? 14:37:02 (GMT+03:30)","dummy value"],["8198","","","dummy value s","Application Administrator","","","dummy value"],["8247","","","dummy value","Application Administrator","","","dummy value"],["8261","","","dummy value","Application Administrator","","","dummy value"]]; 

    Ext.onReady(function(){ 
     Ext.QuickTips.init(); 
     var store = new Ext.data.Store({ 
      data: sData, 
      reader: new Ext.data.ArrayReader({ 
       envelope_id: 'envelope_id' 
      }, ['envelope_id', 'status_id', 'workflow_name', 'name','created_by_full_name','modified_by_full_name', { 
       name: 'modified_datetime',     
      }, 'step_name']) 
     }); 

     function linkFactory(val,x,store){ 
      return '<a href="/workflow/envelope/EnvelopeProperties.jsp?id='+store.data.envelope_id+'">'+val+'</a>'; 

     } 
     function del(val){ 

      return '<a href="javascript:abortEnvelope(\''+val+'\', \'personal\')"><img src="../images/icons/toolbar-gen-cancel_on.gif" /></a>';} 

     var grid = new Ext.grid.GridPanel({ 
      renderTo: Ext.get('mydiv'), 
      frame: true, 
      width: 520, 
      stripeRows: true, 
      enableColumnMove: false, 
      store: store, 
      columns: [ 
         {header: "dummy value", width: 235,renderer:linkFactory, dataIndex: 'name',sortable:true,css: 'white-space:normal;'}, 
        {header: "dummy value",width:85 ,dataIndex: 'step_name',sortable:true}, 
        {header: "dummy value",width:120,dataIndex: 'modified_datetime',sortable:true,css: 'white-space:normal;'},      
        {header: "dummy value ", dataIndex: 'workflow_name',sortable:true,hidden:true,css: 'white-space:normal;'}, 
        {header: "dummy value ", dataIndex: 'created_by_full_name',sortable:true,hidden:true,css: 'white-space:normal;'}, 
        {header: "dummy value", dataIndex: 'modified_by_full_name',sortable:true,hidden:true,css: 'white-space:normal;'}, 
        {renderer:del,width:25,dataIndex: 'envelope_id',hideable:false} 
         ] 
     }); 

    });  
    </script> 
</form> 

우리는 extjs 2.0을 사용하고 있습니다. 나는 어느 부분이 문제를 일으키는 지 전혀 모른다. 어떤 생각?!

Answer 1

수정 된 현지화 된 버전의 extj를 사용하고 있습니다. 원본 버전을 사용한 후 문제가 해결되었습니다. ;)

Answer 2

높이가 설정되지 않았습니다. 사용 :

renderTo: 'mydiv', 
height: 500 

'mydiv'이 (가) 페이지에 있습니까?