In Flex, let the mouse move to the AdvancedDataGrid line and do not automatically modify the display effect.

Note: In fact, it was found that the mx:Repeater control has poor performance when the data is large.
However, when it is replaced with AdvancedDataGrid, it is found that the mouse moves Flex on the Grid and automatically modifys the css to the line where the focus is located. To block the effect, customize the following controls:

Copy the codeThe code is as follows:

package  
{ 
    import ; 

    import ; 
    import .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 { 
        } 
    } 
}

Copy the codeThe code is as follows:

package  
{ 
    import ; 

    [DefaultProperty("apmColumn")] 

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

    } 
}

Usage example:

Copy the codeThe code is as follows:

<custom:ApmAdvancedDataGrid  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=""/> 
                        </custom:columns> 
                    </custom:ApmAdvancedDataGrid>

Notice:

Copy the codeThe code is as follows:

<?xml version="1.0" encoding="utf-8"?> 
<mx:Canvas xmlns:mx="/2006/mxml"> 
    <mx:Script> 
        <!--[CDATA[ 
            import ; 
            import ; 
        ]]--> 
    </mx:Script> 
    <mx:VBox> 
<mx:Label text="◆Research 〆〼〞《>
         <mx:Text  htmlText="{}" width="455" y="{}"/>     
         <mx:Label  text="◆キーワード" y="{ + }"/> 
         <mx:Text  htmlText="{}" width="455" y="{ +  + }"/> 
<mx:Label text="◆Research features" y="{ + + + }"/>
         <mx:Text  htmlText="{}" width="455" y="{ +  +  +  + }"/> 
<mx:Label text="◆Technical Transfer Possibility" y="{ + + + + + }"/>
         <mx:Text  htmlText="{}" width="455" y="{ +  +  +  +  +  + }"/> 
    </mx:VBox> 
</mx:Canvas>