设置dataGrid控件的垂直列被缩放时鼠标的样式。

dataGrid控件的stretchCursor 样式学习。
示例:

代码:
<? xml version="1.0" encoding="utf-8" ?>
<!--  http://blog.flexexamples.com/2008/06/08/setting-a-custom-stretch-cursor-on-a-datagrid-in-flex/  -->
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"
        layout
="vertical"
        verticalAlign
="middle"
        backgroundColor
="white" >

    
< mx:Script >
        
<![CDATA[
            [Bindable]
            [Embed("assets/arrow_refresh_small.png")]
            private var stretchIcon:Class;
        
]]>
    
</ mx:Script >

    
< mx:ArrayCollection  id ="arrColl" >
        
< mx:source >
            
< mx:Array >
                
< mx:Object  label ="Student A"  score ="85"   />
                
< mx:Object  label ="Student B"  score ="48"   />
                
< mx:Object  label ="Student C"  score ="71"   />
                
< mx:Object  label ="Student D"  score ="88"   />
                
< mx:Object  label ="Student E"  score ="24"   />
                
< mx:Object  label ="Student F"  score ="64"   />
                
< mx:Object  label ="Student G"  score ="76"   />
                
< mx:Object  label ="Student H"  score ="76"   />
                
< mx:Object  label ="Student I"  score ="93"   />
                
< mx:Object  label ="Student J"  score ="88"   />
                
< mx:Object  label ="Student K"  score ="48"   />
                
< mx:Object  label ="Student L"  score ="76"   />
            
</ mx:Array >
        
</ mx:source >
    
</ mx:ArrayCollection >

    
< mx:DataGrid  id ="dataGrid"
            dataProvider
=" {arrColl} "
            stretchCursor
=" {stretchIcon} " >
        
< mx:columns >
            
< mx:DataGridColumn  dataField ="label"   />
            
< mx:DataGridColumn  dataField ="score"   />
        
</ mx:columns >
    
</ mx:DataGrid >

</ mx:Application >

你可能感兴趣的:(datagrid)