小小菜鸟的web菜园子

web开发学习。好记性不如烂笔头。每天进步一点点!

导航

设置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>

posted on 2008-06-10 11:53  『小小菜鸟』  阅读(396)  评论(0编辑  收藏  举报