extjs - 将滑块值显示为鼠标悬停的提示

Question

如何在鼠标悬停时将 ExtJs4 滑块的值显示为工具提示。有没有办法做到这一点？

Answer 1

哇9年7个月后...

您正在寻找 reversePixelValue

slider.el.on('mousemove', function (event,element) {
            var xy = event.getXY();
                trackPoint = slider.getTrackpoint(event.getXY()),
                value = Ext.util.Format.round(slider.reversePixelValue(trackPoint), me.decimalPrecision),
                pd = Ext.Date.parse(value, 'U'),
                fd = Ext.Date.format(new Date(pd), me.dateFormat);

            tip.setTitle(fd);
            tip.showAt([xy[0]-38, slider.getXY()[1]-31]);
        });

Answer 2

您是否检查了 extjs 中的示例滑块。如果不是这里是链接http://docs.sencha.com/ext-js/4-1/#!/example/slider/slider.html。检查tip-slider或custom-tip-slider。

否则你必须在监听器中处理渲染事件。鼠标有onNodeEnter事件。

 listeners: {

    render: function (v) {

            //      On entry into a target node, highlight that node.
            onNodeEnter: function (target, dd, e, data) {
                //You will get the target here, try t 
                Ext.fly(target).addCls('control-target-hover');
            }
    }
}