IE8 zeigt nicht extjs gridpanel

Ich habe ein Gitter-Panel, das nicht in IE8 gezeigt wird, aber alles funktioniert gut in ff und Opera. Hier ist mein Code:IE8 zeigt nicht extjs gridpanel

<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>

Wir verwenden extjs 2.0. Ich habe keine Ahnung, welcher Teil Probleme verursacht. Irgendeine Idee?!

Quelle

2010-12-11 danrah

Ich wollte dir helfen, aber es funktioniert gut in meinem IE8 :(. Ich habe ext-3.3.0, aber ich glaube nicht, dass das in diesem Fall zählt. Vielleicht versuchst du 'mydiv' anstelle von Ext .get ('mydiv') in renderTo config Eigenschaft oder versuchen, Höhe config Eigenschaft anzugeben. Vielleicht geben Sie mehr Info ... Ich weiß nicht, wie ich Ihnen helfen kann. – Zango

Wir verwendeten eine modifizierte und lokalisierte Version von extjs. Nach der Verwendung der ursprünglichen Version wurde das Problem behoben. ;)

Quelle

2011-01-04 13:10:59 danrah

Sie haben keine Höhe festgelegt. Verwenden Sie:

renderTo: 'mydiv', 
height: 500

Ist 'mydiv' in Ihrer Seite vorhanden?

Quelle

2010-12-11 15:37:32 mats

Vielen Dank für Ihre Unterstützung. Das Problem ist aufgetreten, weil Wir benutzten eine modifizierte Version von extjs, die nicht mit IE kompatibel war. – danrah

IE8 zeigt nicht extjs gridpanel

Antwort

Verwandte Themen