如何增加標籤面板中工具提示的寬度？

Question

工具提示寬度不足以在其中顯示文本。那麼我如何增加工具提示的寬度？這裏是我的代碼：

Ext.onReady(function() { 
    Ext.tip.QuickTipManager.init(); 

    Ext.create('Ext.tab.Panel', { 
     width : 500, 
     height : 200, 
     style : 'margin: 50px', 
     renderTo : Ext.getBody(), 
     items : [{ 
      title : 'Tab One' 
     }, { 
      title : 'Tab Two', 
      tabConfig : { 
       tooltip : { 
        text : 'Hello tab one... This is James cook. How r u doing.:)', 
        title : 'Tooltip Header' 
       } 
      } 
     }, { 
      title : 'Tab Three' 
     }] 
    }); 
}); 

我用：

div.x-tip { 
    width: 300px !important; height: 100px !important; 
} 

寬度增加，但提示文本沒有調整的寬度。我想使工具提示文本成爲一行。任何想法在這.. ??

在此先感謝。

Answer 1

你也可以設置在頂端對象的寬度屬性。

 tooltip : { 
      text : 'Hello tab one... This is James cook. How r u doing.:)', 
      title : 'Tooltip Header', 
      width: 100 

     } 

Answer 2

可以重載：

div.x-tip { 
    width: 300px !important; 
} 

我在ExtJS的4.2證實了這一點剛纔與tooltip屬性按鈕

，我發現這是非常簡單的方式。我只是在ext/css目錄中運行grep，在所有css文件中使用「tip」來發現DOM元素（或者您可以在顯示至少一個工具提示後在瀏覽器中自己檢查DOM。您可以根據需要定位層次結構中的任何子組件;以確保您的文本不會被破壞

我很好奇爲什麼自動篩選器不能用於此目的渲染但是這可能會更好，問煎茶支持的問題。