Return-Path: X-Original-To: archive-asf-public-internal@cust-asf2.ponee.io Delivered-To: archive-asf-public-internal@cust-asf2.ponee.io Received: from cust-asf.ponee.io (cust-asf.ponee.io [163.172.22.183]) by cust-asf2.ponee.io (Postfix) with ESMTP id BE537200BE3 for ; Thu, 22 Dec 2016 16:46:00 +0100 (CET) Received: by cust-asf.ponee.io (Postfix) id BCE08160B1B; Thu, 22 Dec 2016 15:46:00 +0000 (UTC) Delivered-To: archive-asf-public@cust-asf.ponee.io Received: from mail.apache.org (hermes.apache.org [140.211.11.3]) by cust-asf.ponee.io (Postfix) with SMTP id DFD6F160B35 for ; Thu, 22 Dec 2016 16:45:59 +0100 (CET) Received: (qmail 59738 invoked by uid 500); 22 Dec 2016 15:45:59 -0000 Mailing-List: contact issues-help@flex.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: dev@flex.apache.org Delivered-To: mailing list issues@flex.apache.org Received: (qmail 59653 invoked by uid 99); 22 Dec 2016 15:45:59 -0000 Received: from arcas.apache.org (HELO arcas) (140.211.11.28) by apache.org (qpsmtpd/0.29) with ESMTP; Thu, 22 Dec 2016 15:45:59 +0000 Received: from arcas.apache.org (localhost [127.0.0.1]) by arcas (Postfix) with ESMTP id DA4B52C2A6A for ; Thu, 22 Dec 2016 15:45:58 +0000 (UTC) Date: Thu, 22 Dec 2016 15:45:58 +0000 (UTC) From: "Devsena (JIRA)" To: issues@flex.apache.org Message-ID: In-Reply-To: References: Subject: [jira] [Updated] (FLEX-35227) [FlexJS] Data-binding partially working between class and components MIME-Version: 1.0 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: 7bit X-JIRA-FingerPrint: 30527f35849b9dde25b450d4833f0394 archived-at: Thu, 22 Dec 2016 15:46:00 -0000 [ 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 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}}. > [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)