1

ツールチップの幅が、その中にテキストを表示するのに十分ではありません。では、ツールチップの幅を増やすにはどうすればよいですか? これが私のコードです：

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

幅は増加していますが、ツールチップのテキストは幅に調整されていません。ツールチップのテキストを1行にしたい。これに関する任意のアイデア..??

ここに画像の説明を入力

前もって感謝します。

4

2 に答える 2

2

また、tip オブジェクトで width プロパティを設定することもできます。

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

        }
于 2013-08-01T07:51:47.890 に答える