在 Extjs 4.1.1a 中,如何保持滑块的提示文本始终可见?
目前,只有当用户拖动滑块时,提示文本才会显示出来。
我在 docs 上搜索了一下,但没有找到相关概念。
如果没有文档记录或不可能实现,则请告诉我如何手动创建提示文本。提示文本应沿着滑块移动,并且不应覆盖或隐藏任何其他相邻组件。
这是生成简单滑块的代码:
目前,只有当用户拖动滑块时,提示文本才会显示出来。
我在 docs 上搜索了一下,但没有找到相关概念。
如果没有文档记录或不可能实现,则请告诉我如何手动创建提示文本。提示文本应沿着滑块移动,并且不应覆盖或隐藏任何其他相邻组件。
这是生成简单滑块的代码:
xtype:'slider',
cls: 'sliderStyle',
width: "80%",
id: 'slider',
value: 6,
minValue: 1,
maxValue: 12,
useTips: true,
tipText: function(thumb){
var months = ['','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
var value = Ext.String.format(months[thumb.value]);
return value;
},
问题2:是否至少可以在滑块上悬停时显示提示文本?
PS:我也在这里问了同样的问题here。
编辑1:我还使用两个相邻按钮(<
和>
)移动滑块的滑块。因此,如果我使用相邻按钮移动滑块,则必须注意tip text
也应该移动。
编辑2:当悬停在滑块或相邻按钮上时,应该显示提示文本。
changecomplete
,而我应该使用change
事件。编辑了答案并修复了演示。 - Molecular Mananimate:false
之后,它开始正常工作了。谢谢。 - Mr_Green