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
>