鼠标悬停时将滑块值显示为提示

bnlyeluc  于 2022-09-26  发布在  其他
关注(0)|答案(2)|浏览(182)

如何在鼠标悬停时将ExtJs4滑块的值显示为工具提示。有什么办法吗?

nwsw7zdq

nwsw7zdq1#

哇,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]);
        });
8gsdolmq

8gsdolmq2#

您是否检查了extjs中的示例滑块。如果没有,这里是链接http://docs.sencha.com/ext-js/4-1/#!/示例/slider/slider.html。检查tip-slider或e1d1e。
否则,您必须在listner中处理render事件。鼠标有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');
            }
    }
}

相关问题