Mailing-List: contact issues-help@flex.apache.org; run by ezmlm
Precedence: bulk
Reply-To: dev@flex.apache.org
Date: Fri, 13 Jan 2017 19:44:26 +0000 (UTC)
From: "Alex Harui (JIRA)" <jira@apache.org>
To: issues@flex.apache.org
Message-ID: <JIRA.13030102.1482409335000.4798.1484336666538@Atlassian.JIRA>
In-Reply-To: <JIRA.13030102.1482409335000@Atlassian.JIRA>
References: <JIRA.13030102.1482409335000@Atlassian.JIRA> <JIRA.13030102.1482409335884@jira-lw-us.apache.org>
Subject: [jira] [Commented] (FLEX-35227) [FlexJS] Data Binding Fails When
 Following Multiple References
MIME-Version: 1.0
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: 7bit
archived-at: Fri, 13 Jan 2017 19:44:30 -0000


    [ https://issues.apache.org/jira/browse/FLEX-35227?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=15822244#comment-15822244 ] 

Alex Harui commented on FLEX-35227:
-----------------------------------

Compiler changes done in 448df176471251106639ea2c2af52d8c77bf54f0 to handle [Bindable] on getter/setters.

FWIW, long chains should be handled with ChainBinding.  I noticed that ContainerDataBinding supports it but ViewDataBinding does not, so maybe ViewDataBinding just needs to handle ChainBinding.

> [FlexJS] Data Binding Fails When Following Multiple References
> --------------------------------------------------------------
>
>                 Key: FLEX-35227
>                 URL: https://issues.apache.org/jira/browse/FLEX-35227
>             Project: Apache Flex
>          Issue Type: Bug
>    Affects Versions: Apache FlexJS 0.8.0
>            Reporter: Devsena
>            Assignee: Piotr Zarzycki
>         Attachments: POCSource_simple.zip, POCSource.zip
>
>
> Bracketed data binding to UI component do not works properly in FlexJS 0.8.0 nightly build SDK (my tests were mainly concentrated to HTML output in browsers). 
> *Works*
> {code}
> <js:Label id="lbl" text="{anyClass.fieldA}" width="300"/>
> {code}
> *Do not works*
> {code}
> <js:Label text="{anyClass.subClass.fieldB}" width="300"/>
> {code}
> Binding to UI component seems do not works when there are multiple reference, i.e. _class.field.field_. Following are the snippets of the codes which I used in this test:
> *InitialView MXML file*
> {code}
> [Bindable] private var anyClass:ClassA = new ClassA();
> protected function onTextInputChangeA(event:Event):void
> {
> 	anyClass.fieldA = myTI1.text;
> }
> 			
> protected function onTextInputChangeB(event:Event):void
> {
> 	anyClass.subClass.fieldB = myTI2.text;
> }
> ...
> <js:VContainer width="500">
> 	...
> 	<js:TextInput id="myTI1" text="Change Value.." change="onTextInputChangeA(event)"/>
> 	<js:Label id="lbl" text="{anyClass.fieldA}" width="300"/>
> </js:VContainer>
> <js:VContainer width="500">
> 	...
> 	<js:TextInput id="myTI2" text="Change Value.." change="onTextInputChangeB(event)"/>
> 	<js:Label text="{anyClass.subClass.fieldB}" width="300"/>
> </js:VContainer>
> {code}
> *ClassA*
> {code}
> public class ClassA extends EventDispatcher
> {
> 	[Bindable] public var subClass:ClassB = new ClassB();
> 		
> 	public function ClassA() { }
> 	
> 	private var _fieldA:String = "";
> 	[Bindable("fieldAChanged")]
> 	public function get fieldA():String
> 	{
> 		return _fieldA;
> 	}
> 		
> 	public function set fieldA(value:String):void
> 	{
> 		if (value != _fieldA)
> 		{
> 			_fieldA = value;
> 			dispatchEvent(new Event("fieldAChanged"));
> 		}
> 	}
> }
> {code}
> *ClassB*
> {code}
> [Bindable] public class ClassB extends EventDispatcher
> {
> 	public function ClassB()
> 	{ }
> 		
> 	private var _fieldB:String;
> 		
> 	[Bindable(event="fieldBChanged")]
> 	public function get fieldB():String
> 	{
> 		return _fieldB;
> 	}
> 		
> 	public function set fieldB(value:String):void
> 	{
> 		if (value != _fieldB)
> 		{
> 			_fieldB= value;
> 			dispatchEvent(new Event("fieldBChanged"));
> 		}
> 	}
> }
> {code}
> I've attached herewith the source to the test project. Please, take a look.


--
This message was sent by Atlassian JIRA
(v6.3.4#6332)