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

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 目录中对所有 css 文件的“tip”运行了一个 grep，以发现 DOM 元素将是什么（或者您可以在显示至少一个工具提示后自己在浏览器中检查 DOM。一旦你有也就是说，您可以根据需要定位层次结构中的任何子组件；以确保您的文本不会被破坏。

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