Mailing-List: contact dev-help@flex.apache.org; run by ezmlm
Precedence: bulk
Reply-To: dev@flex.apache.org
From: Justin Mclean <justin@classsoftware.com>
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: quoted-printable
Mime-Version: 1.0 (Mac OS X Mail 10.2 \(3259\))
Subject: Re: [FlexJS] Setting background colour at run time fails
Date: Tue, 14 Feb 2017 12:48:47 +1100
References: <136AC714-F199-4288-BEC9-C022F625075E@classsoftware.com>
 <1486963352504-59277.post@n4.nabble.com>
 <531DAA17-8932-4477-BBFC-E0F2FF5C7D72@classsoftware.com>
 <D4C694E1.84FCC%aharui@adobe.com>
 <54B41D00-05FC-43C3-94E4-919E2EDEE8ED@classsoftware.com>
 <1486969174829-59287.post@n4.nabble.com>
 <7463F2AE-F6CB-474D-97EC-E069635F79A9@classsoftware.com>
 <D4C714F6.85031%aharui@adobe.com>
 <7AC86D61-D823-4F4A-B751-A3BB35732D92@classsoftware.com>
 <D4C76B1E.8510B%aharui@adobe.com>
 <A5541853-0EDE-4479-8BD2-96C5726EFF87@classsoftware.com>
 <D4C77682.85125%aharui@adobe.com>
 <589EEB0D-0D7B-41C3-A090-C215C4CD9312@classsoftware.com>
 <D4C77C30.85141%aharui@adobe.com>
 <F3311B78-9449-441B-9808-CD912BFFEA25@classsoftware.com>
 <D4C7973D.8516C%aharui@adobe.com>
To: dev@flex.apache.org
In-Reply-To: <D4C7973D.8516C%aharui@adobe.com>
Message-Id: <D76A7F23-D523-4C52-96E3-D91535F17E80@classsoftware.com>
archived-at: Tue, 14 Feb 2017 01:49:01 -0000

Hi,

> Do you need a getter if it just gets installed in ValuesManager?

I guess not just seems a little  inconsistent.

Anyway changing the code to this:

<?xml version=3D"1.0" encoding=3D"utf-8"?>
<js:Application xmlns:fx=3D"http://ns.adobe.com/mxml/2009"
               xmlns:js=3D"library://ns.apache.org/flexjs/basic" =
xmlns:beads=3D"org.apache.flex.html.beads.*">

   <js:beads>
       <js:ContainerDataBinding />
   </js:beads>

  <fx:Script><![CDATA[
      import org.apache.flex.core.ValuesManager;

      public function clicked():void {
          bg.backgroundColor =3D "red";
          updateBoxStyles();
      }

      public function updateBoxStyles():void {
          ValuesManager.valuesImpl["applyStyles"](box, bg);
      }
      ]]></fx:Script>

  <js:valuesImpl>
      <js:SimpleCSSValuesImpl/>
  </js:valuesImpl>

  <js:initialView>
      <js:View>
          <js:VContainer>
              <js:Container id=3D"box" width=3D"100" height=3D"100">
                  <js:style>
                      <js:BindableCSSStyles id=3D"bg" =
backgroundColor=3D"grey" />
                  </js:style>
              </js:Container>

              <js:TextButton text=3D"Click me" click=3D"clicked()" />
          </js:VContainer>
      </js:View>
  </js:initialView>

</js:Application>

Finally makes it work.

Is there any reason why Container couldn=E2=80=99t have a reapplyStyles =
method that calls ValuesManager.valuesImp.applyStyles passing this and =
this.style?

Thanks,
Justin