如何在禁用的控件上显示工具提示?

时间:2010-05-26 15:05:03

标签: flex flex4

我正在显示一个按钮列表,其中一些可能被禁用。我需要在禁用的按钮上显示一个工具提示,并解释为什么它被禁用,但似乎我无法在不禁用工具提示的情况下禁用该按钮。有一个简单的方法吗?

5 个答案:

答案 0 :(得分:15)

将按钮包裹在一个组中,然后将工具提示应用于该组。

<s:Group toolTip="My toolTip">
    <s:Button enabled="false"/>
</s:Group>

它有点难看,但它确实有效。

答案 1 :(得分:1)

执行此操作的一种方法是覆盖已启用的getter和setter以执行您想要的操作。所以在我的情况下,我仍然希望触发大多数鼠标事件,而不是点击事件。

<?xml version="1.0" encoding="utf-8"?>
<s:Button buttonMode="true" click="handleClick(event)" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Script>
        <![CDATA[
            public var data:Object;
            private var _enabled:Boolean = true;

            public override function get enabled():Boolean
            {
                return _enabled;
            }

            public override function set enabled(value:Boolean):void
            {
                _enabled = value;
                invalidateDisplayList();
                dispatchEvent(new Event("enabledChanged"));
                invalidateSkinState();
            }

            protected function handleClick(event:MouseEvent):void
            {
                if (!_enabled)
                {
                    event.stopPropagation();
                }
            }
        ]]>
    </fx:Script>
</s:Button>

由于鼠标事件现在触发,工具提示再次起作用。

答案 2 :(得分:0)

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
        import mx.managers.ToolTipManager;
        import mx.controls.ToolTip;
        private var tooltip:ToolTip;
        private var p:Point;

        private function whyDisable():void
        {

            //calculate the button position , so that roll over shows the tooltip 
            p=new Point();
            p=localToGlobal(new Point(btn.x,btn.y));
            if(btn.enabled==false)
                tooltip = ToolTipManager.createToolTip('Button is disabled',p.x+(btn.width/2),p.y-20,'errorTipAbove') as ToolTip;
            else
                tooltip=ToolTipManager.createToolTip('Button is enabled',p.x+(btn.width/2),p.y-20,'errorTipAbove') as ToolTip;
        }
        ]]>
    </mx:Script>
    <mx:VBox height="100%" width="100%" horizontalAlign="center" verticalAlign="middle">
        <mx:Button id="btn" label="Show Tooltip" buttonDown="trace('ankur')" autoRepeat="true" enabled="true" rollOver="whyDisable();" rollOut="{ToolTipManager.destroyToolTip(tooltip);}"/>
    </mx:VBox>
</mx:Application>

嗨,这个应用程序适用于禁用按钮,我使用ToolTipManager来执行此操作,

我希望这对你有用

有一个gr8时间

Ankur Sharma

答案 3 :(得分:0)

对我来说,最好的选择是在元素周围和前面放置一个void标签。然后,如有必要,我将元素设置为禁用,工具提示在标签中起作用。如果没有,我把标签发回。它运作得很好。

if (new MainListsAdmin(this.mainApp).temInvestimentoComAqueleTipo(t)) {
            deletarGroupInto.setTooltip(new Tooltip("Há investimentos vinculados a Tipo de Investimento.\nDeleção bloqueada."));
            this.deletarButton.setDisable(true);
}else{
        deletarGroupInto.toBack();
}

答案 4 :(得分:-1)

您需要使用ToolTipManager类手动创建和销毁工具提示。

本文应该为您提供完成此任务所需的所有信息:
http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf60d65-7ff6.html