欢迎来到代码驿站!

当前位置:首页 >

Flex中让鼠标移至AdvancedDataGrid的行上不自动修改显示效果

时间:2021-03-24 10:30:01|栏目:|点击:
注意:事实上发现,mx:Repeater控件在数据大的时候性能很差。
但是当换成AdvancedDataGrid发现,鼠标在Grid上移动Flex自动为焦点所在行修改css,为屏蔽该效果,自定义如下控件:
ApmAdvancedDataGrid.as
复制代码 代码如下:

package com.nauproject.apm.common.custom
{
    import flash.events.MouseEvent;

    import mx.controls.AdvancedDataGrid;
    import mx.core.mx_internal;
    use namespace mx_internal;

    public class ApmAdvancedDataGrid extends AdvancedDataGrid
    {
        public function ApmAdvancedDataGrid()
        {
            super();
        }

        override protected function mouseOverHandler(event:MouseEvent):void {
        }

        override protected function mouseDownHandler(event:MouseEvent):void {
        }
    }
}

ApmAdvancedDataGridColumn.as
复制代码 代码如下:

package com.nauproject.apm.common.custom
{
    import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;

    [DefaultProperty("apmColumn")]

    public class ApmAdvancedDataGridColumn extends AdvancedDataGridColumn
    {
        public function ApmAdvancedDataGridColumn(columnName:String=null)
        {
            super(columnName);
        }

    }
}

用法示例:
复制代码 代码如下:

<custom:ApmAdvancedDataGrid id="reqResearchSeeds" headerHeight="0"
                        sortableColumns="false"
                        selectionMode="multipleCells"
                        alternatingItemColors="[0xccffcc, 0xfafad2]"
                        variableRowHeight="true"
                        designViewDataType="flat"
                        borderStyle="none"
                        verticalGridLineColor="#FFFFFF"
                        themeColor="#FFFFFF"
                        width="100%"
                        height="100%">
                        <custom:columns>
                            <custom:ApmAdvancedDataGridColumn headerText="Album" dataField="album" width="50"/>
                            <custom:ApmAdvancedDataGridColumn itemRenderer="com.nauproject.apm.common.custom.LabelTextReqRes"/>
                        </custom:columns>
                    </custom:ApmAdvancedDataGrid>

注意:LabelTextReqRes.mxml
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <!--[CDATA[
            import mx.collections.ArrayCollection;
            import mx.controls.AdvancedDataGrid;
        ]]-->
    </mx:Script>
    <mx:VBox>
        <mx:Label id="lab1" text="◆研究テ?`マ"/>
         <mx:Text id="txt1" htmlText="{data.rthema}" width="455" y="{lab1.height}"/>    
         <mx:Label id="lab2" text="◆キ?`ワ?`ド" y="{lab1.height + txt1.height}"/>
         <mx:Text id="txt2" htmlText="{data.keyword}" width="455" y="{lab1.height + txt1.height + lab2.height}"/>
         <mx:Label id="lab3" text="◆研究の特??" y="{lab1.height + txt1.height + lab2.height + txt2.height}"/>
         <mx:Text id="txt3" htmlText="{data.rtoku}" width="455" y="{lab1.height + txt1.height + lab2.height + txt2.height + lab3.height}"/>
         <mx:Label id="lab4" text="◆技?g移?の可能性" y="{lab1.height + txt1.height + lab2.height + txt2.height + lab3.height + txt3.height}"/>
         <mx:Text id="txt4" htmlText="{data.rkanousei}" width="455" y="{lab1.height + txt1.height + lab2.height + txt2.height + lab3.height + txt3.height + lab4.height}"/>
    </mx:VBox>
</mx:Canvas>

上一篇:微信小程序(微信应用号)开发工具0.9版安装详细教程

栏    目:

下一篇:Powershell小技巧之通过EventLog查看近期电脑开机和关机时间

本文标题:Flex中让鼠标移至AdvancedDataGrid的行上不自动修改显示效果

本文地址:http://www.codeinn.net/misctech/87103.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有