Ext JS中的Firefox渲染問題

var win = Ext.create('Ext.window.Window', { 
     title: "Window", 
     modal:true, 
     width: 570, 
     height: 440,    
     layout: 'card', 
     items:[{ 
       xtype: "panel", 
       border: true, 
       bodyBorder: true, 
       title: 'Panel', 
       bodyStyle: { 
         "background": "linear-gradient(to left, #fff , #6799ff)" 
       }, 
       id: 'PanelID', 
       items:[{ 
         xtype: 'box', 
         id: 'BoxID', 
         title:'Box', 
         width: 558, 
         height: 325, 
         autoEl: { 
          tag: 'iframe' 
         }, 
         listeners: { 
          'boxready': function() { 

          var popWindowdoc = Ext.getCmp('BoxID').el.dom.contentDocument; 
          $(popWindowdoc.body).append('<div id="t" tabindex="0"/>'); 
          $(popWindowdoc.getElementById('t')).append('This is Test'); 
          } 
         } 
       }] 
      } 
     ] 


    }); 

    win.show();

此代碼在chrome中運行良好，我在窗口中顯示「This is Test」。但在Firefox中，我沒有收到任何文字，也沒有發生錯誤。我認爲這是一個渲染問題。Ext JS中的Firefox渲染問題

任何機構讓我知道我將如何在這種情況下獲得文本？

來源

2015-09-07 Hemant Khandal

我有同樣的問題是指我的問題：http://stackoverflow.com/questions/31529917/content-in-iframe-shows-in-chrome-but-not -in-firefox我會嘗試回答你的問題，因爲這個問題的本質是非常微妙的。支持.... – zer00ne

Firefox會將您的部分代碼碎片化，如果可能的話您需要以只包含一組括號的方式重構您的代碼[{ ...}]請參閱如何查看2 items？那一定是隻有1 items

items:[{ 
      xtype: "panel", 
      border: true, 
      bodyBorder: true, 
      title: 'Panel', 
      bodyStyle: { 
        "background": "linear-gradient(to left, #fff , #6799ff)" 
      }, 
      id: 'PanelID', 
      items:[{ 
        xtype: 'box', 
        id: 'BoxID', 
        title:'Box', 
        width: 558, 
        height: 325, 
        autoEl: { 
         tag: 'iframe' 
        }, 
        listeners: { 
         'boxready': function() { 

         var popWindowdoc = Ext.getCmp('BoxID').el.dom.contentDocument; 
         $(popWindowdoc.body).append('<div id="t" tabindex="0"/>'); 
         $(popWindowdoc.getElementById('t')).append('This is Test'); 
         } 
        } 
      }]

來源

2015-09-07 14:46:14 zer00ne

Ext JS中的Firefox渲染問題

回答

相關問題