4

以下のツールチップにオンクリック リスナーを追加しようとしています。マウス ホバー時にツールチップを表示したくありません。代わりに、ボタンのクリック時に表示する必要があります。リスナー内にハンドラー関数を追加する必要がありますか? 

{
                    xtype: 'button',
                    cls:'my-btn',
                    iconCls:'question',                     
                    src:'../www/css/slate/btn/question.png',
                    padding: '5 0 0 0',

                    listeners: {


                        render: function(cmp) {
                            Ext.create('Ext.tip.ToolTip', {
                                closable:true,
                                hideDelay : 3000,
                                padding: '0 0 0 0',
                                maxWidth:400,
                                width:800,

                                target: cmp.el,
                                html: "<b>read-only</b>:Users will have read only access to all pages",
                                getTargetXY: function() {
                                    return [810, 340];
                                }
                            });
                        }

                    }


                },
4

1 に答える 1

9

はい、clickプログラムでツールチップを表示できます。スキップして次targetを追加しshowAt()ます。

...

listeners: {
    click: function(cmp) {
        Ext.create('Ext.tip.ToolTip', {
            closable:true,
            hideDelay : 3000,
            padding: '0 0 0 0',
            maxWidth:400,
            width:800,
            html: "<b>read-only</b>:Users will have read only access to all pages",
        }).showAt([810, 340]);

    }
}

自動非表示が必要ない場合（ツールチップはとにかく閉じることができます）、次のようにすることができますExt.tip.Tip：

        Ext.create('Ext.tip.Tip', {
            closable:true,
            padding: '0 0 0 0',
            maxWidth:400,
            width:800,
            html: "<b>read-only</b>:Users will have read only access to all pages",
        }).showAt([810, 340]);
于 2012-12-12T23:24:50.300 に答える