Javascript ExtJS6.0.1中禁用组件的工具提示
我是ext js的新手。我的要求是在ExtJS6.0.1中显示禁用组件的工具提示(例如“按钮”、“文本字段”、“日期选择器”等xtype)Javascript ExtJS6.0.1中禁用组件的工具提示,javascript,extjs,extjs4.2,extjs5,extjs6,Javascript,Extjs,Extjs4.2,Extjs5,Extjs6,我是ext js的新手。我的要求是在ExtJS6.0.1中显示禁用组件的工具提示(例如“按钮”、“文本字段”、“日期选择器”等xtype) 如果有人面临同样的问题,并且有相同的解决方案,我会非常感激。在Extjs中显示禁用按钮上的工具提示的一个简单方法是更改的样式规范。对于指针事件,x-item-disabled为指针事件:none到指针事件:all <style> .x-item-disabled, .x-item-disabled * { pointer-even
如果有人面临同样的问题,并且有相同的解决方案,我会非常感激。在Extjs中显示禁用按钮上的工具提示的一个简单方法是更改
的样式规范。对于指针事件,x-item-disabled
为指针事件:none
到指针事件:all
<style>
.x-item-disabled, .x-item-disabled * {
pointer-events:all;
}
</style>
.x-item-disabled、.x-item-disabled*{
指针事件:全部;
}
有关按钮-添加工具提示配置,请参见FIDLE
var button={
xtype : 'button',
id : 'BtnId',
tooltip:'',
text:''
};
当您禁用按钮时
button.disable();
button.setTooltip("Message");
您可以通过以下程序执行此操作:
var button={
xtype : 'button',
tooltip: 'Tooltip',
text:'Text',
style: {
pointerEvents: 'all'
}
};
或在组件初始化后:
button.setStyle({pointerEvents: 'all'});
Extjs允许显示禁用组件(如按钮)的提示。您可以使用配置工具提示或使用此链接中给出的按钮的setTooltip()方法:这本质上使禁用按钮变得毫无意义,因为您现在可以单击它。在不允许单击的情况下,如何显示工具提示。禁用的按钮不会响应单击,但会显示工具提示。请查看小提琴上的例子。第一个按钮已禁用,单击时不会显示消息。谢谢。你说得对。我试图将其用于检查列
,并在呈现程序中禁用
,这可能是我获得不同行为的原因。