RE: [FlexJS] question about porting an Adobe Flex 3 project to HTML+JS

[Allen YANG]

Hi Justin,
Thank you very much! I will try this.
Best Regards,
Allen

-----Original Message-----
From: Justin Mclean [mailto:jus...@classsoftware.com]
Sent: Sunday, July 09, 2017 8:55 PM
To: dev@flex.apache.org
Subject: Re: [FlexJS] question about porting an Adobe Flex 3 project to HTML+JS

Hi,

I’ve not tested this and it’s likely to have issues (I’m not 100% sure the 
binding will work) and you need to modify it so it's not an application.

I think this may help you get towards a working version - their may be other 
ways of doing this as well.

<?xml version="1.0" encoding="utf-8"?>
<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009";
               xmlns:js="library://ns.apache.org/flexjs/basic">
   <fx:Script>
        <![CDATA[

        [Bindable]
        public var target:ISearchable;

        ]]>
     </fx:Script>

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

  <js:beads>
     <js:BindableCSSStyles />
     <js:SimpleBinding />
  </js:beads>

   <js:initialView>
       <js:View>
          <js:HContainer>
             <js:Label text="Search:" />
             <js:TextInput id="searchInput" 
change="{target.find(searchInput.text)}" width="207">
                   <js:beads>
                       <js:ToolTip text="Live search" />
                       <js:SimpleCSSStyles 
backgroundColor="{!target.searchString || target.found ? 0xffffff:0xff0000}" />
                   </js:beads>
               </js:TextInput>
             <js:TextButton id="previousButton"  text="&lt;" 
click="{target.findPrevious()}">
              <js:beads>
                 <js:ToolTip text="Previous" />
                 <js:DisableBead disabled=“{!target.searchString}" />
              </js:beads>
           </js:TextButton>
             <js:TextButton id="nextButton" text="&gt;" 
click="{target.findNext()}">
              <js:beads>
                 <js:ToolTip text="Next" />
                 <js:DisableBead disabled=“{!target.searchString}" />
              </js:beads>
           </js:TextButton>
          </js:HContainer>
       </js:View>
   </js:initialView>

</js:Application>

Thanks,
Justin

________________________________

Ce message, ainsi que tous les fichiers joints à ce message, peuvent contenir 
des informations sensibles et/ ou confidentielles ne devant pas être 
divulguées. Si vous n'êtes pas le destinataire de ce message (ou que vous 
recevez ce message par erreur), nous vous remercions de le notifier 
immédiatement à son expéditeur, et de détruire ce message. Toute copie, 
divulgation, modification, utilisation ou diffusion, non autorisée, directe ou 
indirecte, de tout ou partie de ce message, est strictement interdite.


This e-mail, and any document attached hereby, may contain confidential and/or 
privileged information. If you are not the intended recipient (or have received 
this e-mail in error) please notify the sender immediately and destroy this 
e-mail. Any unauthorized, direct or indirect, copying, disclosure, distribution 
or other use of the material or parts thereof is strictly forbidden.