[
https://issues.apache.org/jira/browse/FLEX-35227?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Devsena updated FLEX-35227:
---------------------------
Description:
While testing data-binding feature with FlexJS 0.8.0 nightly build SDK, I found
it's partially working between class and components. My component hierarchy
looks like this:
!hierarchy.png!
In above image,
- *component* is my _initialView_ to my FlexJS project
- *class* is just an actionScript class
- *fieldA* is a _String_ type of field with it's _get/set_ methods inside
*class*
- *fieldB* is another class type of object inside *class*
- *image* is a _String_ type of field with it's _get/set_ methods inside
*fieldB* class
When running my test project (source attached) it suppose to look like this in
browser HTML:
!poc.png!
- The first part *Change text in AnotherClass.fieldA field* has two components
- button and label
- Clicking on the button it changes value of *class.fieldA*
- The label component _text_ property is bindable to *class.fieldA*
- Second part of the POC *Change value in AnotherClass.fieldB.image* also has
two components - text input and label
- Text input _change_ method updates it's value to *class.fieldB.image* field
- The label component's _text_ property is bindable to *class.fieldB.image*
h3. Output when running as HTML in browser
- First part's label does changes it's text when clicking the button - binding
seems works fine
- Changing text in second part's text input component do not cause updating to
this part's label - although everything has requisite _[Bindable]_ metadata -
binding not works
So in a nutshell, binding to a component *works* when it bind to
{{class.field}}; but it *do not works* when it bind to
{{class.field.childField}}.
was:
While testing data-binding feature with FlexJS 0.8.0 nightly build SDK, I found
it's partially working between class and components. My component hierarchy
looks like this:
!hierarchy.png!
In above image,
- *component* is my _initialView_ to my FlexJS project
- *class* is just an actionScript class
- *fieldA* is a _String_ type of field with it's _get/set_ methods inside
*class*
- *fieldB* is another class type of object inside *class*
- *image* is a _String_ type of field with it's _get/set_ methods inside
*fieldB* class
When running my test project (source attached) it suppose to look like this in
browser HTML:
!poc.png!
- The first part *Change text in AnotherClass.fieldA field* has two components
- button and label
- Clicking on the button it changes value of *class.fieldA*
- The label component _text_ property is bindable to *class.fieldA*
- Second part of the POC *Change value in AnotherClass.fieldB.image* also has
two components - text input and label
- Text input _change_ method updates it's value to *class.fieldB.image* field
- The label component's _text_ property is bindable to *class.fieldB.image*
h3. Output when running as HTML in browser
- First part's label does changes it's text when clicking the button - binding
seems works fine
- Changing text in second part's text input component do not cause updating to
this part's label - although everything has requisite _[Bindable]_ metadata -
binding not works
> [FlexJS] Data-binding partially working between class and components
> --------------------------------------------------------------------
>
> 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
> Attachments: POCSource.zip, hierarchy.png, poc.png
>
>
> While testing data-binding feature with FlexJS 0.8.0 nightly build SDK, I
> found it's partially working between class and components. My component
> hierarchy looks like this:
> !hierarchy.png!
> In above image,
> - *component* is my _initialView_ to my FlexJS project
> - *class* is just an actionScript class
> - *fieldA* is a _String_ type of field with it's _get/set_ methods inside
> *class*
> - *fieldB* is another class type of object inside *class*
> - *image* is a _String_ type of field with it's _get/set_ methods inside
> *fieldB* class
> When running my test project (source attached) it suppose to look like this
> in browser HTML:
> !poc.png!
> - The first part *Change text in AnotherClass.fieldA field* has two
> components - button and label
> - Clicking on the button it changes value of *class.fieldA*
> - The label component _text_ property is bindable to *class.fieldA*
> - Second part of the POC *Change value in AnotherClass.fieldB.image* also has
> two components - text input and label
> - Text input _change_ method updates it's value to *class.fieldB.image* field
> - The label component's _text_ property is bindable to *class.fieldB.image*
> h3. Output when running as HTML in browser
> - First part's label does changes it's text when clicking the button -
> binding seems works fine
> - Changing text in second part's text input component do not cause updating
> to this part's label - although everything has requisite _[Bindable]_
> metadata - binding not works
> So in a nutshell, binding to a component *works* when it bind to
> {{class.field}}; but it *do not works* when it bind to
> {{class.field.childField}}.
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
