如何在extjs中向widget添加工具提示?

时间:2015-05-27 12:43:08

标签: javascript extjs extjs4.2

我在extjs中有一个动态表单,我想将工具提示添加到表单的某些元素。

 widget = {
                    width: 100,
                    title: name,
                    margin: '0 0 0 0',
                    id: id
                }

我要添加工具提示的小部件。

我已经尝试将监听器添加到窗口小部件但它没有工作

listeners: {
    render: function(c) {
        Ext.create('Ext.tip.ToolTip', {
            target: c.getEl(),
            html: c.tip
        });
    }
}

这就是我已经尝试过的。

提前感谢。

1 个答案:

答案 0 :(得分:0)

            listeners : {
                        render: function(p) {
                             var theElem = p.getEl();
                             var theTip = Ext.create('Ext.tip.Tip', {
                                 html: name,
                                 margin: '0 0 0 200',
                                 shadow: false
                             });

                             p.getEl().on('mouseover', function(){
                                 theTip.showAt(theElem.getX(), theElem.getY());
                             });

                             p.getEl().on('mouseleave', function(){
                                 theTip.hide();
                             });
                         }
                     }

我找到了解决方案,添加此监听器可以帮助我添加工具提示