IconRenderer
Openzet.org
목차 |
소개
데이터 그리드의 칼럼에 제공되는 필드의 확장자에 대응하는 아이콘을 나타내어 주는 itemRenderer이다.
실행화면
사용법
사용법은 일반적인 itemRenderer의 그것과 동일하다.
다음은 사용법의 예제코드이다.
<mx:DataGrid id="myGrid"
width="400" height="280"
dataProvider="{initDG}"
variableRowHeight="true">
<mx:columns>
<mx:DataGridColumn dataField="Artist"/>
<mx:DataGridColumn dataField="Sample"/>
<mx:DataGridColumn width="50"
itemRenderer="org.openzet.controls.dataGridClasses.IconRenderer"/>
</mx:columns>
</mx:DataGrid>
애플리케이션 예제
다음은 실행화면의 애플리케이션 예제 코드이다.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
//--------------------------------------------------------------------------------
//
// Imports
//
//--------------------------------------------------------------------------------
import mx.collections.ArrayCollection;
//--------------------------------------------------------------------------------
//
// Variables
//
//--------------------------------------------------------------------------------
// Sample Data..
[Bindable]
private var initDG:ArrayCollection = new ArrayCollection([
{Artist:'Pavement', Album:'Slanted and Enchanted',
Price:11.99, Sample: "FileName.doc"},
{Artist:'Pavement', Album:'Slanted and Enchanted',
Price:11.99, Sample: "FileName.kkk"},
{Artist:'Pavement', Album:'Slanted and Enchanted',
Price:11.99, Sample: "FileName.exe"},
{Artist:'Pavement', Album:'Slanted and Enchanted',
Price:11.99, Sample: "FileName.gif"},
{Artist:'Pavement', Album:'Slanted and Enchanted',
Price:11.99, Sample: "FileName.jpg"},
{Artist:'Pavement', Album:'Slanted and Enchanted',
Price:11.99, Sample: "FileName.ppt"},
{Artist:'Pavement', Album:'Slanted and Enchanted',
Price:11.99, Sample: "FileName.pdf"},
{Artist:'Pavement', Album:'Brighten the Corners',
Price:11.99, Sample: "mouse.zip" }]);
]]>
</mx:Script>
<mx:Panel>
<mx:DataGrid id="myGrid"
width="400" height="280"
dataProvider="{initDG}"
variableRowHeight="true">
<mx:columns>
<mx:DataGridColumn dataField="Artist"/>
<mx:DataGridColumn dataField="Sample"/>
<mx:DataGridColumn width="50"
itemRenderer="org.openzet.controls.dataGridClasses.IconRenderer"/>
</mx:columns>
</mx:DataGrid>
</mx:Panel>
</mx:Application>
