Extjs 如何增加选项卡面板中工具提示的宽度？

工具提示宽度不足以显示其中的文本。那么如何增加工具提示的宽度呢？这是我的密码：

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

宽度正在增加，但工具提示文本未调整为宽度。我想使工具提示文本成为一行。对此有什么想法吗

提前感谢。

您可以超载：

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

我刚刚在ExtJS4.2中带有tooltip属性的按钮上确认了这一点

我发现这一点的方法非常简单。我只是在ext/css目录中运行一个grep，在所有css文件上查找“tip”，以发现DOM元素是什么（或者，在显示至少一个工具提示后，您可以自己在浏览器中检查DOM。一旦显示了工具提示，您可以根据需要将层次结构中的任何子组件作为目标；以确保文本不会被删除

---

我确实想知道为什么自动大小调整器不适用于此渲染器，但这可能是一个更好地询问Sencha支持的问题。

您也可以在tip对象中设置宽度属性

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

        }