Bindable в ItemRenderer на основе UIComponent

[Pow R. Toc H.]

Здравствуйте. Столкнулся с такой проблемой: хочу создать itemRenderer на основе UIComponent, но не знаю как отловить изменение данных. Eсли делать на основе Canvas то всё просто:

<mx:Canvas>
    <mx:Label text="{data.price}" />
</mx:Canvas>

- как только значение price изменилось - itemRenderer перерисовался, но как реализовать подобное в UIComponent без понятия.
Функция

 
public function set data(value:Object):void 
{
	this._data = value;
	invalidateProperties();	    
	dispatchEvent(new FlexEvent(FlexEvent.DATA_CHANGE));
}

отрабатывается только при первоначальной установке данных

[Ales Protiv]

см. mx.binding.BindingUtils

[Pow R. Toc H.]

установил что изменения отлавливаються когда слушаю простое свойство объекта:

BindingUtils.bindSetter(this.changed,  this._data, 'rating');

но когда весь объект - не срабатывает:

BindingUtils.bindSetter(this.changed,  this, 'data');

(_data - приватная переменная, this.data - set/get data)
Несколько неудобно потому что надо отслеживать несколько свойств.

[GBee]

А не проще создать свою переменную с тагом [Bindable] (даже нужного класса) и в сеттере data в нее все пихать, а она уже биндится к контролам?

[Anaza]

Может поможет данный код, если я правильно поняла, что Вы хотите. У меня сделано так

	<comp:CourseList id="economCourse" label="Экономика" 
		gridData = "{courseData1}"
		selectCourseEvent = "selectCourseEventHandler(event)"/>

CourseList.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:comp="components.*">
	<mx:Metadata>
		[Event(name="selectCourseEvent", type="events.CourseEvent")]
	</mx:Metadata>
 
	<mx:Script>
		<![CDATA[
 
			import mx.controls.dataGridClasses.DataGridColumn;
			import events.CourseEvent;
			import valueObjects.Course;
			import mx.events.ListEvent;
			import mx.collections.ArrayCollection;
 
			[Bindable]
			public var gridData:ArrayCollection;
 
			private function itemClickHandler(event:ListEvent):void{
				var courseData:Course;
				courseData = event.itemRenderer.data as Course;
				var courseEventObject:CourseEvent = new CourseEvent("selectCourseEvent", courseData);
				dispatchEvent(courseEventObject);
			}	
		]]>
	</mx:Script>
 
	<mx:DataGrid id="employeeGrid1" 
		width="413" height="377"
		dataProvider="{gridData}"
		itemClick = "itemClickHandler(event)">
			<mx:columns>
				<mx:DataGridColumn itemRenderer="components.CoursesRenderer"/>
			</mx:columns>
		</mx:DataGrid>
</mx:HBox>

CourseRender

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml">
		<mx:Label text="{data.courseName}" fontWeight="bold" fontSize="12"/>	
		<mx:Label text="Препопадет: {data.partyId}"/>
</mx:HBox>

CourseEvent.as

package events
{
	import flash.events.Event;
 
	import valueObjects.Course;
 
	public class CourseEvent extends Event
	{
		public var course:Course;
 
		public function CourseEvent(type:String, course:Course)
		{
			super(type);
			this.course = course;			
		}
 
		override public function clone():Event{
			return new CourseEvent(type, course);
		} 		
 
	}
}

Вроде все выложила, что надо

[GBee]

По моему, он хотел другого кода :о)