將滑塊值顯示爲鼠標上方的提示

Question

如何在鼠標懸停時顯示ExtJs4滑塊的值作爲工具提示。有沒有辦法做到這一點？

Answer 1

您是否在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'); 
      } 
    } 
}