데이터 바인딩이란?

어떤 객체의 데이터를 다른 객체가 참조할 때 데이터가 변경되면 변경된 정보가 곧바로 참조하는 객체들에게 전달되는 기술입니다.

간단하게 말씀드리면 컴포넌트가 업데이트 하는 순간, 참조하는 다른 컴포넌트로 변경된 정보가 전파되는 것이죠.

사용방법에는 다음 세가지가 있습니다.

대부분의 플렉스 컴포넌트는 데이터 바인딩을 지원하기 때문에

중괄호를 이용한 바인딩은 다들 해보셨을거라 생각됩니다.

바인딩의 작동 방식

데이터 바인딩은 내부적으로 이벤트기반으로 작동합니다.

따라서 객체의 프로퍼티 값이 변하면 기본적으로 propertyChange 이벤트를 발생 시키고 이 이벤트에 따라 바인딩을 받는 객체가 값을 갱신하는 것이죠...

사용자 정의 클래스에서의 바인딩

package test
{
	import flash.events.EventDispatcher;
	
	[Bindable]
	public class A
	{
		private var _a:String;
		
		public function get a():String
		{
			return _a;
		}
		
		public function set a(a:String):void
		{
			_a = a;
		}
	}
}

package test
{
	import flash.events.EventDispatcher;
	
	public class A
	{
		[Bindable]
		private var _a:String;
		private var _b:String;
		
		public function get a():String
		{
			return _a;
		}
		
		public function set a(a:String):void
		{
			_a = a;
		}
		
		public function set b(b:String):void
		{
			_b = b;
		}
		public function get b():String
		{
			return _b;
		}
	}
}

package test
{
	import flash.events.Event;
	import flash.events.EventDispatcher;
	
	[Bindable]
	public class A extends EventDispatcher
	{
		// [Bindable(event="aEvent")]
		// get/set에 쓰지 않고 이곳에만 쓰면 propertyChange도 발생하기 때문에 사용의도에서 벗어나게 됩니다. 
		private var _a:String;
		private var _b:String;
		
		[Bindable(event="aEvent")]
		public function get a():String
		{
			return _a;
		}
		
		public function set a(a:String):void
		{
			_a = a;
			dispatchEvent(new Event("aEvent"));
		}
		
		public function set b(b:String):void
		{
			_b = b;
		}
		public function get b():String
		{
			return _b;
		}
	}
}