package 
{
	import flash.display.Sprite;
	import fl.controls.DataGrid;
	import fl.data.DataProvider;
	import fl.events.ListEvent;
	
	public class dgCellRendererSample extends Sprite{
		var myDP:DataProvider = new DataProvider;
		var myDG:DataGrid = new DataGrid();
		public function dgCellRendererSample() {
			for( var i=0; i<30; i++ ){
				myDP.addItem({row:"row[" + i + "]", check:false, dataField:"check" });
			}
			myDG.width = 300;
			myDG.height = 105;
			myDG.x = (stage.stageWidth - myDG.width)/2;
			myDG.y = (stage.stageHeight - myDG.height)/2;
			myDG.addColumn("row");
			myDG.addColumn("check");
			myDG.getColumnAt(0).headerText = "ROW";
			myDG.getColumnAt(1).headerText = "CHECK";
			myDG.getColumnAt(1).cellRenderer = ChkCellRenderer;
			myDG.dataProvider = myDP;
			addChild(myDG);
			myDG.addEventListener(ListEvent.ITEM_CLICK, lsnDGClick);
		}
		private function lsnDGClick( event:ListEvent ):void{
			trace(">> lsnDGClick() IN");
			trace("## event.columnIndex=[" + event.columnIndex + "]");
			trace("## event.rowIndex=[" + event.rowIndex + "]");
			trace("## event.index=[" + event.index + "]");
			trace("## myDP.getItemAt(" + event.index + ").check=[" + myDP.getItemAt(event.index).check + "]");
		}
	}
}

package{

	import fl.controls.ButtonLabelPlacement;
	import fl.controls.DataGrid;
	import fl.controls.dataGridClasses.DataGridColumn;
	import fl.controls.listClasses.ListData;
	import fl.controls.listClasses.ICellRenderer;
	import fl.controls.LabelButton;
	import fl.core.UIComponent;
	import flash.events.Event;
	import flash.events.MouseEvent;
	import fl.controls.CheckBox;
	import fl.controls.listClasses.CellRenderer;
	import flash.display.DisplayObject;
	
	import fl.core.InvalidationType;
	import fl.data.DataProvider;
	import flash.system.IME;

	[Style(name="icon", type="Class")]
	[Style(name="upIcon", type="Class")]
	[Style(name="downIcon", type="Class")]
	[Style(name="overIcon", type="Class")]
	[Style(name="disabledIcon", type="Class")]
	[Style(name="selectedDisabledIcon", type="Class")]
	[Style(name="selectedUpIcon", type="Class")]
	[Style(name="selectedDownIcon", type="Class")]
	[Style(name="selectedOverIcon", type="Class")]
	[Style(name="upSkin", type="Class")]
	[Style(name="downSkin", type="Class")]
	[Style(name="overSkin", type="Class")]
	[Style(name="disabledSkin", type="Class")]
	[Style(name="selectedDisabledSkin", type="Class")]
	[Style(name="selectedUpSkin", type="Class")]
	[Style(name="selectedDownSkin", type="Class")]
	[Style(name="selectedOverSkin", type="Class")]
	[Style(name="textFormat", type="flash.text.TextFormat")]
	[Style(name="disabledTextFormat", type="flash.text.TextFormat")]
	[Style(name="textPadding", type="Number", format="Length")]

	public class ChkCellRenderer extends CheckBox implements ICellRenderer {
	
		protected var _listData:ListData;
		protected var _data:Object;
		protected var _rowSelected:Boolean = true;
		protected var _dataField:String;
		
		public function ChkCellRenderer():void {
			super();
			focusEnabled = false;
		}

		private static var defaultStyles:Object = { icon:null,
			upIcon:"CheckBox_upIcon",downIcon:"CheckBox_downIcon",overIcon:"CheckBox_overIcon",
			disabledIcon:"CheckBox_disabledIcon",
			selectedDisabledIcon:"CheckBox_selectedDisabledIcon",
			focusRectSkin:null,
			focusRectPadding:null,
			selectedUpIcon:"CheckBox_selectedUpIcon",selectedDownIcon:"CheckBox_selectedDownIcon",selectedOverIcon:"CheckBox_selectedOverIcon",
			upSkin:"CellRenderer_upSkin",downSkin:"CellRenderer_downSkin",overSkin:"CellRenderer_overSkin",
			disabledSkin:"CellRenderer_disabledSkin",
			selectedDisabledSkin:"CellRenderer_selectedDisabledSkin",
			selectedUpSkin:"CellRenderer_selectedUpSkin",selectedDownSkin:"CellRenderer_selectedDownSkin",selectedOverSkin:"CellRenderer_selectedOverSkin",
			textFormat:null,
			disabledTextFormat:null,

			embedFonts:null,
			textPadding:5 };
		public static function getStyleDefinition():Object { return defaultStyles; }

		override public function setSize(width:Number,height:Number):void {
			super.setSize(width, height);
		}

		public function get listData():ListData {
			return _listData;
		}

		public function set listData(value:ListData):void {
			_listData = value;
			label = _listData.label;
			setStyle("icon", _listData.icon);
		}

		public function get data():Object {
			return _data;
		}
		
		public function set data(value:Object):void {
			_data = value;
			_dataField = value.dataField;
			super.selected = _data[_dataField]
			super.drawNow();
		}
		
		override public function get selected():Boolean {
			return super.selected;
		}
		
		override public function set selected(value:Boolean):void {
			_rowSelected = value;
		}
		
		public function get imeMode():String {
			return _imeMode;
		}
		public function set imeMode(value:String):void {
			_imeMode = value;
		}
		
		override protected function toggleSelected(event:MouseEvent):void {
			( _data.check == "true" || _data.check == 1 || _data.check == true )?	_data.check = false : _data.check = true;
			super.selected = _data[_dataField]
			super.drawNow();
		}

		override protected function drawLayout():void {
			var textPadding:Number = Number(getStyleValue("textPadding"));
			var textFieldX:Number = 0;
			if (icon != null) {
				icon.x = textPadding;
				icon.y = Math.round((height-icon.height)>>1);
				textFieldX = icon.width + textPadding;
			}
			if (label.length > 0) {
				textField.visible = true;
				var textWidth:Number = Math.max(0, width - textFieldX - textPadding*2);
				textField.width = textWidth;
				textField.height = textField.textHeight + 4;
				textField.x = textFieldX + textPadding
				textField.y = Math.round((height-textField.height)>>1);
			} else {
				textField.visible = false;
			}
			background.width = width;
			background.height = height;
		}
	
		override protected function drawBackground():void{
			var styleName:String = (enabled) ? mouseState : "disabled";
			if (_rowSelected) {
				styleName = "selected"+styleName.substr(0,1).toUpperCase()+styleName.substr(1);
			}
			styleName += "Skin";
			var bg:DisplayObject = background;
			background = getDisplayObjectInstance(getStyleValue(styleName));
			addChildAt(background, 0);
			if (bg != null && bg != background) { removeChild(bg); }
		}
	}
}

package
{
	import fl.controls.*;
	import flash.events.*;
	import flash.display.*;
	
	public class Main extends Sprite
	{
		private var m_dg:DataGrid;
		private var m_shapes:Array;
		
		public function Main():void
		{
			var dg:DataGrid;
			
			dg = new DataGrid();
			dg.x = 40;
			dg.y = 40;
			dg.width = 280;
			dg.height = 100;
			dg.columns = ["設定1","設定2"];
			
			for ( var idx:int = 0; idx < 10; ++idx )
			{
				var str = "" + idx;
				var selected = 0.5 <= Math.random();
				
				var a = { label:str, selected:selected };
				var b = { label:str, selected:selected };
				dg.addItem( { value1:a, value2:b } );
			}
			
			dg.getColumnAt(0).width = 140;
			dg.getColumnAt(0).dataField = "value1";
			dg.getColumnAt(0).cellRenderer = CustomCellRenderer_CheckBox;
			
			dg.getColumnAt(1).width = 140;
			dg.getColumnAt(1).dataField = "value2";
			dg.getColumnAt(1).cellRenderer = CustomCellRenderer_CheckBox;
			
			this.addChild( dg );
			m_dg = dg;
			
			m_shapes = [];
			
			for ( idx = 0; idx < 20; ++idx)
			{
				var s = new Shape();
				
				m_shapes.push(s);
				this.addChild(s);
			}
			
			addEventListener( Event.ENTER_FRAME, enterFrame );
		}
		
		private function enterFrame(e:Event):void
		{
			for( var row:int = 0; row < m_dg.length; ++row )
			{
				var obj = m_dg.dataProvider.getItemAt(row);
				
				var s:Shape;
				
				s = m_shapes[row * 2]; 
				s.x = 440;
				s.y = 40 + row * 20;
				drawShape( s, obj["value1"].selected );
				
				s = m_shapes[(row * 2) + 1]; 
				s.x = 440 + 20;
				s.y = 40 + row * 20;
				drawShape( s, obj["value2"].selected );
			}
		}
		
		private function drawShape( s:Shape, selected:Boolean ):void
		{
			var g:Graphics = s.graphics;
			
			g.clear();
			g.beginFill(( selected ? 0xFF0000 : 0x404040));
			g.drawRect(0,0,18,18);
			g.endFill();
		}
	}
}

package
{
	import flash.events.MouseEvent;
	import fl.controls.CheckBox;
	import fl.controls.DataGrid;
	import fl.controls.listClasses.CellRenderer;
	
    public dynamic class CustomCellRenderer_CheckBox extends CellRenderer
	{
		private var m_chkBox:CheckBox;
		
		public function CustomCellRenderer_CheckBox():void
		{
			super();
			
			// CellRendererのテキスト描画を消す
			this.textField.visible = false;
			
			m_chkBox = new CheckBox();
			m_chkBox.tabEnabled = false;
			
			this.addChild( m_chkBox );
			this.addEventListener( MouseEvent.CLICK, onClick );
			this.addEventListener( MouseEvent.DOUBLE_CLICK, onClick );
		}
		
		public override function drawNow():void
		{
			super.drawNow();
			
			if( data == null )
			{
				throw new Error("data=null");
			}
			
			for( var propName:String in cellInfo )
			{
				if( m_chkBox[propName] != null )
				{
					m_chkBox[propName] = cellInfo[propName];
				}
			}
			
			m_chkBox.drawNow();
		}
		
		public override function setSize( width:Number, height:Number ):void
		{
			super.setSize(width, height);
			
			if( m_chkBox != null ) m_chkBox.setSize( width, height );
		}
		
		// CellRendererのテキスト描画を消す
		protected override function drawLayout():void
		{
			background.width = width;
			background.height = height;
		}
		
		private function onClick(e:MouseEvent):void
		{
			// チェックボックスをクリックしたかチェック
			// if( !m_chkBox.hitTestPoint(e.stageX, e.stageY)) return; 
			
			var value:Boolean = !cellInfo.selected;
			
			m_chkBox.selected = value;
			cellInfo.selected = value;
		}
		
		// カスタムセルレンダラが設定されているセルのデータを返す
		private function get cellInfo():*
		{
			var dgc = DataGrid(_listData.owner).getColumnAt(_listData.column);
			return _data[dgc.dataField];
		}
	}
}

package
{
	import fl.controls.*;
	import flash.events.*;
	import flash.display.*;
	import fl.data.*;
	import flash.geom.*;
	
	public class Main extends Sprite
	{
		public function Main():void
		{
			var dg:DataGrid;
			
			dg = new DataGrid();
			dg.x = 100;
			dg.y = 40;
			dg.width = 280;
			dg.height = 100;
			dg.columns = ["設定1","設定2"];
			
			for (var idx:int = 0; idx < 10; ++idx )
			{
				var str = "" + idx;
				var selected = 0.5 <= Math.random();
				
				var dp;
				
				dp = new DataProvider();
				for ( var cnt:int = Math.random() * 10; 0 <= cnt; --cnt ) dp.addItemAt({ label:idx + "-" + cnt }, 0);
				var a = new ListObj(dp);
				
				dp = new DataProvider();
				for ( cnt = Math.random() * 10; 0 <= cnt; --cnt ) dp.addItemAt({ label:idx + "-" + cnt }, 0);
				var b = new ListObj(dp);
				
				dg.addItem( { value1:a, value2:b } );
			}
			
			dg.getColumnAt(0).width = 140;
			dg.getColumnAt(0).dataField = "value1";
			dg.getColumnAt(0).cellRenderer = CustomCellRenderer_ComboBox;
			
			dg.getColumnAt(1).width = 140;
			dg.getColumnAt(1).dataField = "value2";
			dg.getColumnAt(1).cellRenderer = CustomCellRenderer_ComboBox;
			
			this.addChild( dg );
		}
	}	
}

package
{
	import fl.controls.ComboBox;
	
	public class ComboBox2 extends ComboBox
	{
		// デフォルトのComboBoxクラスは、子コンポーネントを正しく再描画していないようなので修正
		override protected function draw():void
		{
			super.draw();
			
			/*
			* 子コンポーネントinputField,listの再描画を行う
			*/
			inputField.drawNow();
			list.drawNow();
		}
	}
}

package
{
	import flash.events.Event;
	import fl.controls.ComboBox;
	import fl.controls.DataGrid;
	import fl.controls.listClasses.CellRenderer;
	
    public dynamic class CustomCellRenderer_ComboBox extends CellRenderer
	{
		private var m_cmbBox:ComboBox;
		
		public function CustomCellRenderer_ComboBox():void
		{
			super();
			
			this.buttonMode = false;
			this.mouseChildren = true;
			this.textField.visible = false;
			
			m_cmbBox = new ComboBox2();
			m_cmbBox.tabEnabled = false;
			m_cmbBox.addEventListener( Event.CHANGE, onChange );
			this.addChild( m_cmbBox );
		}
		
		private function onChange(e:Event):void
		{
			cellInfo.selectedIndex = m_cmbBox.selectedIndex;
		}
		
		public override function setSize( width:Number, height:Number ):void
		{
			super.setSize(width, height);
			
			if( m_cmbBox != null ) m_cmbBox.setSize( width, height );
		}
		
		public override function drawNow():void
		{
			super.drawNow();
			
			var listObj:ListObj = ListObj( cellInfo );
			
			m_cmbBox.dataProvider = listObj.dp;
			m_cmbBox.selectedIndex = listObj.selectedIndex;
			m_cmbBox.drawNow();
		}
		
		// CellRendererのテキスト描画を消す
		protected override function drawLayout():void
		{
			background.width = width;
			background.height = height;
		}
		
		// カスタムセルレンダラが設定されているセルのデータを返す
		private function get cellInfo():*
		{
			var dgc = DataGrid(_listData.owner).getColumnAt(_listData.column);
			return _data[dgc.dataField];
		}
	}
}

package
{
	import fl.data.DataProvider;
	
	public class ListObj
	{
		public var dp:DataProvider;
		public var selectedIndex:int;
		
		public function ListObj( dp:DataProvider = null, selectedIndex:int = -1 ):void
		{
			this.dp = dp || new DataProvider();
			this.selectedIndex = selectedIndex;
		}
	}
}