`
ycy303
  • 浏览: 195709 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

当LinkButton无效时,如何让光标不显示为手型?

    博客分类:
  • flex
阅读更多

来自:http://blog.flexexamples.com/

 

在Flex组件LinkButton里,我们可以用useHandCursor属性来控制是否使用手型光标。现在我们要实现在LinkButton的enable=false时,useHandCursor=false。反过来,他们要同时为true。

 

下面的例子显示了当Flex里的LinkButton不可用时,如何移除它上的手型光标,让光标回到箭头。

我们采用的办法是扩展LinkButton类,覆盖了enabled的setter方法,在里面加上了改变useHandCursor属性的语句。

 

请看下面的例子:

 

 

main.mxml

 

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/09/07/removing-the-hand-cursor-from-a-disabled-linkbutton-control-in-flex/ -->
<mx:Application name="LinkButton_useHandCursor_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        xmlns:comps="comps.*"
        layout="horizontal"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:ApplicationControlBar dock="true">
        <mx:Form styleName="plain">
            <mx:FormItem label="enabled:">
                <mx:CheckBox id="checkBox" selected="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>

    <mx:LinkButton id="linkButton"
            label="Default LinkButton"
            enabled="{checkBox.selected}" />

    <comps:DisabledLinkButtonMXML id="linkButton2"
            label="Custom LinkButton (MXML)"
            enabled="{checkBox.selected}" />

    <comps:DisabledLinkButtonAS id="linkButton3"
            label="Custom LinkButton (ActionScript)"
            enabled="{checkBox.selected}" />

</mx:Application>

 

DisabledLinkButtonMXML组件:

 

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/09/07/removing-the-hand-cursor-from-a-disabled-linkbutton-control-in-flex/ -->
<mx:LinkButton xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[
            override public function set enabled(value:Boolean):void {
                    //让enabled和useHandCursor同步
                super.enabled = value;
                useHandCursor = value;
            }
        ]]>
    </mx:Script>

</mx:LinkButton>

  DisabledLinkButtonAS组件

/**
 * http://blog.flexexamples.com/2008/09/07/removing-the-hand-cursor-from-a-disabled-linkbutton-control-in-flex/
 */
package comps {
    import mx.controls.LinkButton;

    public class DisabledLinkButtonAS extends LinkButton {

        /**
         * Constructor.
         */
        public function DisabledLinkButtonAS() {
           //调用父类的构造函数  
          super();
        }

        /**
         * @private
         */
        override public function set enabled(value:Boolean):void {
            super.enabled = value;
            useHandCursor = value;
        }
    }
}
 

很显然, DisabledLinkButtonMXML和 DisabledLinkButtonAS组件实现的是一样的功能。只是用的语法不一样。

分享到:
评论

相关推荐

    html样式的LinkButton

    同时,`rollOverColor`和`downColor`可以用来改变鼠标悬停和按下时的背景颜色,以增强交互反馈。 总之,`Flex`中的`LinkButton`通过结合HTML样式和CSS类,为我们提供了丰富的自定义可能性,可以轻松地创造出符合...

    LinkButton实现图片文字Button效果

    4. **事件处理**:如果需要在用户点击按钮时执行特定操作,可以为LinkButton的`Click`事件添加事件处理程序。在后台代码(如C#或VB.NET)中,声明对应的事件处理方法: ```csharp protected void imgTextBtn_Click...

    flex linkbutton选中变色

    当我们想要在用户点击LinkButton时改变其颜色,以提供更明显的反馈,可以通过自定义样式和事件处理来实现这一需求。下面将详细介绍如何在Flex中实现LinkButton选中变色的效果。 首先,我们需要了解Flex的基础知识。...

    linkbutton的用法

    总的来说,熟练掌握`LinkButton`的用法和CSS样式技巧,能够使我们在开发OA、CRM等系统时提高效率,同时为未来的皮肤更换工作减轻负担。尽管存在一些小瑕疵,但通过不断优化和学习新的前端技术,我们可以让页面设计变...

    IE10中LinkButton没作用解决文件

    然而,在Internet Explorer 10(IE10)中,LinkButton可能会遇到一些兼容性问题,导致点击后无响应或无法正常工作。这个问题可能是由于IE10对某些JavaScript或者CSS特性处理的不同,或者是由于它对ASP.NET的异步...

    解决IE10和IE11点击LinkButton没反应的服务端补丁

    解决IE10和IE11点击LinkButton没反应的问题,由于Microsoft .Net Framework 4.0下ASP.NET在IE10以上版本访问LinkButton时不能触发doPostBack事件,在分页或者控件使用LinkButton的时候点击无反应或提示doPostBack...

    jQuery插件linkButton

    jQuery linkButton插件以其简洁的API和丰富的自定义选项,为开发者提供了便捷的按钮美化方案。通过对CSS样式的调整和JavaScript方法的使用,可以轻松实现各种定制化的需求,提升网页的视觉吸引力和交互体验。结合...

    在GridView中LinkButton的属性的应用(如何不用选中就删除这一行)

    1. 在GridView的列模板中添加一个LinkButton,设置其CommandName属性为"Delete",CommandArgument属性为DataKeys[index].Value,这里的index是当前行的索引,通常在BoundField或TemplateField中可以获取。...

    第7章 LinkButton(按钮)组件1

    * plain:boolean类型,设置true时显示简洁效果,默认为false。 * text:string类型,按钮文字,默认为空字符串。 * iconCls:string类型,显示在按钮文字左侧的图标(16x16)的CSS类ID,默认为null。 * iconAlign:...

    改变asp.net linkButton控件的默认操作

    首先,让我们了解LinkButton的基本用法。在ASP.NET页面中,我们可以直接添加一个LinkButton控件,例如: ```asp &lt;asp:LinkButton ID="lnkSubmit" runat="server" Text="提交"&gt;&lt;/asp:LinkButton&gt; ``` 这段代码会在...

    Linkbutton控件在项目中的简单应用

    在这个例子中,每个LinkButton的CommandName分别设为"BrandLink1"、"BrandLink2"等,当用户点击相应的LinkButton时,会触发BrandLink_Click事件,通过CommandName判断并执行相应的逻辑。 总结来说,LinkButton控件...

    IE10下LinkButton就没有作用的解决方法

    这次做了一个项目测试的时候郁闷了好一阵,在开发的时候没有问题,但是一传到服务器上IE10下LinkButton就没有作用了,调试后发现少了_doPostBack,后来找了好久找到了解决方案,在网站的根目录下App_Browsers文件夹...

    ASP .NET中执行控件(如ImageButton、LinkButton等)命令不刷新页面

    例如,当在页面上的主框架中运行子界面时,点击一个执行命令的控件可能会导致整个页面刷新,从而丢失子界面中的内容。 为了解决这个问题,可以采用在ImageButton的OnClick事件中调用JavaScript代码的方法,而不是...

    VC++6.0 个人学习案例 实现LinkButton

    本案例主要关注如何实现一个类似LinkButton的功能,即在不添加额外控件的前提下,让Button能够显示链接文本并改变颜色,以提升用户界面的美观度和交互性。 在Windows编程中,通常使用MFC(Microsoft Foundation ...

    自定义控件LinkButton源码(WebControl)

    自定义控件LinkButton源码(WebControl) 自定义控件LinkButton源码(WebControl) 自定义控件LinkButton源码(WebControl)

    asp.net下linkbutton的前后台使用方法

    在这个示例中,`LinkButton`的`CommandArgument`属性设置为`("id") %&gt;`,意味着每当用户点击一个“修改”链接时,该链接所对应的行的`id`值将被作为参数传递给服务器端的`lbtnUp_Click`方法。 ##### 后台代码示例 ...

    ASP.NET 中 Button、LinkButton和ImageButton 三种控件的使用详解

    在`ShowLinkButton.aspx`页面中,我们可以创建一个LinkButton控件,当用户点击链接时,会触发服务器端的`lnkSubmit_Click`事件,显示表单字段的内容。 ```html &lt;asp:LinkButton ID="lnkSubmit" Text="Submit" ...

Global site tag (gtag.js) - Google Analytics