You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by Lane <la...@hotmail.com> on 2016/09/27 11:15:15 UTC
FlexJS tying into HTML
I'm really enjoying FlexJS. I can't believe that I'm using MXML and it's
working directly on a browser. Finally, a way to build a platform-agnostic
Rich Internet Application that can't be stopped by anyone!
One question: How does one bring up the functional equivalent to an
ActionScript MXML TextArea that can handle html? Now that one is accessing
javascript within a browser, is it possible in some way to tie into the
browser? Just the simple things - bold, italics, centered headings, embedded
images that move with the text. Is it possible to instantiate (using
ActionScript) some explanatory html-formatted text with a few small embedded
images when the user presses a button.
There are tutorials at http://nextgenactionscript.com/tutorials/ but they
don't seem to have what I need (or perhaps I don't recognize it when I'm
staring at it).
The ideal would be to embed the formatted text into the application so that
it looks like a TextArea. Failing that, I suppose a popup from the browser
might work (if ActionScript can generate it and communicate with it). I'm
not sure how a mobile device would handle that, or if users would like it.
Any ideas would be appreciated.
Lane.
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: Slider and circular dependency
Posted by Lane <la...@hotmail.com>.
Thanks Alex.
Lane.
-----Original Message-----
From: Alex Harui
Sent: Friday, October 28, 2016 9:22 AM
To: users@flex.apache.org
Subject: Re: Slider and circular dependency
On 10/27/16, 5:13 PM, "Lane" <la...@hotmail.com> wrote:
>Hi Alex,
>
>Thanks. I was placing the -remove-circulars in the wrong section. It
>worked
>after I applied the change, and then exited Flashbuilder completely and
>restarted it (just applying the change resulted in Flashbuilder being
>unable
>to find the program and delivering an error).
>
>There appears to be one final problem. I have an array. I want to sort
>the
>array and have another array (not just a pointer to the same array). I'm
>using the following function:
>
>private function clone(source:Object):*
>{
> var myBA:ByteArray = new ByteArray();
> myBA.writeObject(source);
> myBA.position = 0;
> return(myBA.readObject());
>}
>
>ByteArray appears to be related to Flash and doesn't compile. What
>substitute would one use in FlexJS?
We won't have a good clone() or deep copy mechanism until we get further
down the AMF path.
I'm sure you realize you can copy an Array of simple values via
Array.slice(); If you want to contribute a deep copy algorithm, you can
try using the Reflection APIs to do it.
Thanks,
-Alex
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: Slider and circular dependency
Posted by Alex Harui <ah...@adobe.com>.
On 10/27/16, 5:13 PM, "Lane" <la...@hotmail.com> wrote:
>Hi Alex,
>
>Thanks. I was placing the -remove-circulars in the wrong section. It
>worked
>after I applied the change, and then exited Flashbuilder completely and
>restarted it (just applying the change resulted in Flashbuilder being
>unable
>to find the program and delivering an error).
>
>There appears to be one final problem. I have an array. I want to sort
>the
>array and have another array (not just a pointer to the same array). I'm
>using the following function:
>
>private function clone(source:Object):*
>{
> var myBA:ByteArray = new ByteArray();
> myBA.writeObject(source);
> myBA.position = 0;
> return(myBA.readObject());
>}
>
>ByteArray appears to be related to Flash and doesn't compile. What
>substitute would one use in FlexJS?
We won't have a good clone() or deep copy mechanism until we get further
down the AMF path.
I'm sure you realize you can copy an Array of simple values via
Array.slice(); If you want to contribute a deep copy algorithm, you can
try using the Reflection APIs to do it.
Thanks,
-Alex
Re: Slider and circular dependency
Posted by Lane <la...@hotmail.com>.
Hi Alex,
Thanks. I was placing the -remove-circulars in the wrong section. It worked
after I applied the change, and then exited Flashbuilder completely and
restarted it (just applying the change resulted in Flashbuilder being unable
to find the program and delivering an error).
There appears to be one final problem. I have an array. I want to sort the
array and have another array (not just a pointer to the same array). I'm
using the following function:
private function clone(source:Object):*
{
var myBA:ByteArray = new ByteArray();
myBA.writeObject(source);
myBA.position = 0;
return(myBA.readObject());
}
ByteArray appears to be related to Flash and doesn't compile. What
substitute would one use in FlexJS?
Thanks again,
Lane.
-----Original Message-----
From: Alex Harui
Sent: Thursday, October 27, 2016 5:33 PM
To: users@flex.apache.org
Subject: Re: Slider and circular dependency
On 10/27/16, 1:38 AM, "Lane" <la...@hotmail.com> wrote:
>The section on Circular Dependencies on the Apache site suggests that one
>might perhaps use the "-remove-circulars option" on the compiler (with
>the
>word remove crossed out in the HTML which I find a bit puzzling). When I
>place the expression "-remove-circulars" (without the quotes) in the
>compiler (Project-Properties-Flex Compiler-Additional Compiler
>Operations),
>it is not accepted. Is this the best way to handle this particular
>circular
>dependency, and if so, what precise expression does one place in the
>compiler as an option so that it will be accepted?
From the menus: Run
External Tools
External Tools Configuration
Select: FlexJS (FalconJX Debug and Release Build)
And add -remove-circulars to the beginning of arguments list.
It may not work if you add it after the -fb argument.
-Alex
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: Slider and circular dependency
Posted by Alex Harui <ah...@adobe.com>.
On 10/27/16, 1:38 AM, "Lane" <la...@hotmail.com> wrote:
>The section on Circular Dependencies on the Apache site suggests that one
>might perhaps use the "-remove-circulars option" on the compiler (with
>the
>word remove crossed out in the HTML which I find a bit puzzling). When I
>place the expression "-remove-circulars" (without the quotes) in the
>compiler (Project-Properties-Flex Compiler-Additional Compiler
>Operations),
>it is not accepted. Is this the best way to handle this particular
>circular
>dependency, and if so, what precise expression does one place in the
>compiler as an option so that it will be accepted?
From the menus: Run
External Tools
External Tools Configuration
Select: FlexJS (FalconJX Debug and Release Build)
And add -remove-circulars to the beginning of arguments list.
It may not work if you add it after the -fb argument.
-Alex
Slider and circular dependency
Posted by Lane <la...@hotmail.com>.
I'm preparing a release version of what appears to be a stable FlexJS
program (my special thanks to those who have made this possible). It
contains a slider, generated as follows:
<js:Slider id="circuitsSlider" width="800" x="20" y="105"
minimum="0" maximum="242" snapInterval="1"
mouseUp="sliderChange()"/>
The sliderChange method accesses the value of the slider, which by
definition is always current after a mouseUp.
Two questions:
1) I am using mouseUp because there is apparently no change property
activated yet for a Slider in FlexJS. It's not perfect, but it does the job
(as long as one does not move the mouse a long distance from the slider
before releasing it, or off the app itself, yielding an error). Is there a
better way to capture slider movement than mouseUp and then slider.value?
2) To release the program, I go to Run, Express Tools, and then Option 7
(Flashbuilder 4.7). I am receiving the following error:
Oct 27, 2016 4:52:41 PM com.google.javascript.jscomp.LoggerErrorManager
println
SEVERE: ERROR - Circular dependency detected: org.apache.flex.html.Slider ->
org.apache.flex.html.beads.controllers.SliderMouseController ->
org.apache.flex.html.Slider
The section on Circular Dependencies on the Apache site suggests that one
might perhaps use the "-remove-circulars option" on the compiler (with the
word remove crossed out in the HTML which I find a bit puzzling). When I
place the expression "-remove-circulars" (without the quotes) in the
compiler (Project-Properties-Flex Compiler-Additional Compiler Operations),
it is not accepted. Is this the best way to handle this particular circular
dependency, and if so, what precise expression does one place in the
compiler as an option so that it will be accepted?
Thanks,
Lane.
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: Tabbing in FlexJS Freezes
Posted by Alex Harui <ah...@adobe.com>.
Please file a bug with your simplified test case at:
https://issues.apache.org/jira/browse/FLEX
Thanks,
-Alex
On 10/24/16, 6:36 PM, "Lane" <la...@hotmail.com> wrote:
>I modified the JSStore example to a simple tabbed template, using only
>two
>of the tabs and not displaying the third (but leaving unchanged the code
>that handles the third). I have received this error twice at run time.
>The
>app compiles and runs, the following notice comes up, and then after a
>few
>seconds the browser crashes (I have a few seconds to grab the text before
>everything freezes). If I start an entirely new project and copy over
>code
>(usually moving back a bit in the development process), it goes away. The
>time during development at which the error appears seems unpredictable
>and
>not clearly linked to anything that I am doing.
>
>Is this related to the tabbing in FlexJS and the complexity that I have
>had
>to comment out in the JSStore example (the error notice does mention
>StatesWithTransitions)? Is there template code somewhere for a stable
>tabbed
>application in FlexJS (no animation, nothing fancy, only two or three
>tabs)?
>
>VerifyError: Error #1030: Stack depth is unbalanced. 2 != 0.
>
> at
>org.apache.flex.core::ContainerBase/addedToParent()[/Users/aharui/git/flex
>/release/flex-asjs/frameworks/projects/Core/src/main/flex/org/apache/flex/
>core/ContainerBase.as:207]
> at
>org.apache.flex.core::UIBase/addElement()[/Users/aharui/git/flex/release/f
>lex-asjs/frameworks/projects/Core/src/main/flex/org/apache/flex/core/UIBas
>e.as:1093]
> at
>org.apache.flex.html.beads::ContainerView/addElement()[/Users/aharui/git/f
>lex/release/flex-asjs/frameworks/projects/HTML/src/main/flex/org/apache/fl
>ex/html/beads/ContainerView.as:148]
> at
>org.apache.flex.core::ContainerBase/addElement()[/Users/aharui/git/flex/re
>lease/flex-asjs/frameworks/projects/Core/src/main/flex/org/apache/flex/cor
>e/ContainerBase.as:139]
> at
>org.apache.flex.core::StatesWithTransitionsImpl/apply()[/Users/aharui/git/
>flex/release/flex-asjs/frameworks/projects/Effects/src/main/flex/org/apach
>e/flex/core/StatesWithTransitionsImpl.as:309]
> at
>org.apache.flex.core::StatesWithTransitionsImpl/stateChangeHandler()[/User
>s/aharui/git/flex/release/flex-asjs/frameworks/projects/Effects/src/main/f
>lex/org/apache/flex/core/StatesWithTransitionsImpl.as:145]
> at flash.events::EventDispatcher/dispatchEventFunction()
> at flash.events::EventDispatcher/dispatchEvent()
> at org.apache.flex.core::ContainerBase/set
>currentState()[/Users/aharui/git/flex/release/flex-asjs/frameworks/project
>s/Core/src/main/flex/org/apache/flex/core/ContainerBase.as:416]
> at ColorsFlexJS/prebake2()[C:\Users\fries\Adobe Flash Builder
>4.7\ColorsFlexJS\src\ColorsFlexJS.mxml:140]
> at Function/http://adobe.com/AS3/2006/builtin::apply()
> at
>org.apache.flex.core::CallLaterBead/makeCalls()[/Users/aharui/git/flex/rel
>ease/flex-asjs/frameworks/projects/Core/src/main/flex/org/apache/flex/core
>/CallLaterBead.as:122]
> at
>org.apache.flex.core::CallLaterBead/enterFrameHandler()[/Users/aharui/git/
>flex/release/flex-asjs/frameworks/projects/Core/src/main/flex/org/apache/f
>lex/core/CallLaterBead.as:111]
>
>Thanks,
>
>Lane.
>
>
>---
>This email has been checked for viruses by Avast antivirus software.
>https://www.avast.com/antivirus
>
Tabbing in FlexJS Freezes
Posted by Lane <la...@hotmail.com>.
I modified the JSStore example to a simple tabbed template, using only two
of the tabs and not displaying the third (but leaving unchanged the code
that handles the third). I have received this error twice at run time. The
app compiles and runs, the following notice comes up, and then after a few
seconds the browser crashes (I have a few seconds to grab the text before
everything freezes). If I start an entirely new project and copy over code
(usually moving back a bit in the development process), it goes away. The
time during development at which the error appears seems unpredictable and
not clearly linked to anything that I am doing.
Is this related to the tabbing in FlexJS and the complexity that I have had
to comment out in the JSStore example (the error notice does mention
StatesWithTransitions)? Is there template code somewhere for a stable tabbed
application in FlexJS (no animation, nothing fancy, only two or three tabs)?
VerifyError: Error #1030: Stack depth is unbalanced. 2 != 0.
at
org.apache.flex.core::ContainerBase/addedToParent()[/Users/aharui/git/flex/release/flex-asjs/frameworks/projects/Core/src/main/flex/org/apache/flex/core/ContainerBase.as:207]
at
org.apache.flex.core::UIBase/addElement()[/Users/aharui/git/flex/release/flex-asjs/frameworks/projects/Core/src/main/flex/org/apache/flex/core/UIBase.as:1093]
at
org.apache.flex.html.beads::ContainerView/addElement()[/Users/aharui/git/flex/release/flex-asjs/frameworks/projects/HTML/src/main/flex/org/apache/flex/html/beads/ContainerView.as:148]
at
org.apache.flex.core::ContainerBase/addElement()[/Users/aharui/git/flex/release/flex-asjs/frameworks/projects/Core/src/main/flex/org/apache/flex/core/ContainerBase.as:139]
at
org.apache.flex.core::StatesWithTransitionsImpl/apply()[/Users/aharui/git/flex/release/flex-asjs/frameworks/projects/Effects/src/main/flex/org/apache/flex/core/StatesWithTransitionsImpl.as:309]
at
org.apache.flex.core::StatesWithTransitionsImpl/stateChangeHandler()[/Users/aharui/git/flex/release/flex-asjs/frameworks/projects/Effects/src/main/flex/org/apache/flex/core/StatesWithTransitionsImpl.as:145]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at org.apache.flex.core::ContainerBase/set
currentState()[/Users/aharui/git/flex/release/flex-asjs/frameworks/projects/Core/src/main/flex/org/apache/flex/core/ContainerBase.as:416]
at ColorsFlexJS/prebake2()[C:\Users\fries\Adobe Flash Builder
4.7\ColorsFlexJS\src\ColorsFlexJS.mxml:140]
at Function/http://adobe.com/AS3/2006/builtin::apply()
at
org.apache.flex.core::CallLaterBead/makeCalls()[/Users/aharui/git/flex/release/flex-asjs/frameworks/projects/Core/src/main/flex/org/apache/flex/core/CallLaterBead.as:122]
at
org.apache.flex.core::CallLaterBead/enterFrameHandler()[/Users/aharui/git/flex/release/flex-asjs/frameworks/projects/Core/src/main/flex/org/apache/flex/core/CallLaterBead.as:111]
Thanks,
Lane.
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: Load External File
Posted by Lane <la...@hotmail.com>.
Works like a charm. Thanks.
Lane.
-----Original Message-----
From: Alex Harui
Sent: Thursday, September 29, 2016 6:39 PM
To: users@flex.apache.org
Subject: Re: Load External File
For FlexJS, HTTPService has a send() method. You would set the url
property before calling send().
HTH,
-Alex
On 9/29/16, 1:23 AM, "Lane" <la...@hotmail.com> wrote:
>I'm wanting to load an external file, as in:
>
>var myTextLoader:URLLoader = new URLLoader();
>
>myTextLoader.addEventListener(Event.COMPLETE, onComplete);
>myTextLoader.load(new URLRequest("myFile.html"));
>
>It appears that there is no 'load' option yet activated under URLLoader
>on
>FlexJS. Is there a way to do this, other than using URLLoader and then
>load?
>
>Thanks,
>
>Lane.
>
>
>---
>This email has been checked for viruses by Avast antivirus software.
>https://www.avast.com/antivirus
>
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: Load External File
Posted by Alex Harui <ah...@adobe.com>.
For FlexJS, HTTPService has a send() method. You would set the url
property before calling send().
HTH,
-Alex
On 9/29/16, 1:23 AM, "Lane" <la...@hotmail.com> wrote:
>I'm wanting to load an external file, as in:
>
>var myTextLoader:URLLoader = new URLLoader();
>
>myTextLoader.addEventListener(Event.COMPLETE, onComplete);
>myTextLoader.load(new URLRequest("myFile.html"));
>
>It appears that there is no 'load' option yet activated under URLLoader
>on
>FlexJS. Is there a way to do this, other than using URLLoader and then
>load?
>
>Thanks,
>
>Lane.
>
>
>---
>This email has been checked for viruses by Avast antivirus software.
>https://www.avast.com/antivirus
>
RE: Load External File
Posted by Kessler CTR Mark J <ma...@usmc.mil>.
You can use FileReference[1] to load a file. Browse for the file, load it. Once the complete event is dispatched you should be able to use the "data" property to access the file data.
If you need to you can convert the ByteArray to string just by casting it.
[1] http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/net/FileReference.html
-Mark
-----Original Message-----
From: Lane [mailto:lanefriesen@hotmail.com]
Sent: Thursday, September 29, 2016 4:23 AM
To: users@flex.apache.org
Subject: [Non-DoD Source] Load External File
I'm wanting to load an external file, as in:
var myTextLoader:URLLoader = new URLLoader();
myTextLoader.addEventListener(Event.COMPLETE, onComplete);
myTextLoader.load(new URLRequest("myFile.html"));
It appears that there is no 'load' option yet activated under URLLoader on
FlexJS. Is there a way to do this, other than using URLLoader and then load?
Thanks,
Lane.
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Load External File
Posted by Lane <la...@hotmail.com>.
I'm wanting to load an external file, as in:
var myTextLoader:URLLoader = new URLLoader();
myTextLoader.addEventListener(Event.COMPLETE, onComplete);
myTextLoader.load(new URLRequest("myFile.html"));
It appears that there is no 'load' option yet activated under URLLoader on
FlexJS. Is there a way to do this, other than using URLLoader and then load?
Thanks,
Lane.
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: FlexJS tying into HTML
Posted by Alex Harui <ah...@adobe.com>.
There is also a MultilineLabel component that should do roughly what
mx:Text did. TextArea is really intended for editing multi-line text.
The basic FlexJS component set should support an "html" property wherever
there is a "text" property so even button labels can be "rich".
We still need volunteers to build out equivalents for other higher-level
HTML controls like Table and the new HTML5 widgets.
Thanks,
-Alex
On 9/27/16, 6:29 AM, "Peter Ent" <pe...@adobe.com> wrote:
>We do have a <js:TextArea> and it does have an html property. I honestly
>haven't used it in a long time. But give it a try and let us know how well
>it does the job you want.
>
>If you isn't doing what you want, reply to this email thread and we can
>offer some pointers. It might be to file a bug, give you some better
>directions, or it might be to encourage you to extend the component and
>contribute your changes back. Try it and lets see what happens.
>
>Peter Ent
>Adobe Systems/Apache Flex Project
>
>On 9/27/16, 7:15 AM, "Lane" <la...@hotmail.com> wrote:
>
>>I'm really enjoying FlexJS. I can't believe that I'm using MXML and it's
>>working directly on a browser. Finally, a way to build a
>>platform-agnostic
>>Rich Internet Application that can't be stopped by anyone!
>>
>>One question: How does one bring up the functional equivalent to an
>>ActionScript MXML TextArea that can handle html? Now that one is
>>accessing
>>javascript within a browser, is it possible in some way to tie into the
>>browser? Just the simple things - bold, italics, centered headings,
>>embedded
>>images that move with the text. Is it possible to instantiate (using
>>ActionScript) some explanatory html-formatted text with a few small
>>embedded
>>images when the user presses a button.
>>
>>There are tutorials at http://nextgenactionscript.com/tutorials/ but they
>>don't seem to have what I need (or perhaps I don't recognize it when I'm
>>staring at it).
>>
>>The ideal would be to embed the formatted text into the application so
>>that
>>it looks like a TextArea. Failing that, I suppose a popup from the
>>browser
>>might work (if ActionScript can generate it and communicate with it). I'm
>>not sure how a mobile device would handle that, or if users would like
>>it.
>>
>>Any ideas would be appreciated.
>>
>>Lane.
>>
>>
>>---
>>This email has been checked for viruses by Avast antivirus software.
>>https://www.avast.com/antivirus
>>
>
Re: FlexJS tying into HTML
Posted by Lane <la...@hotmail.com>.
Thanks for the response.
I recall increasing difficulties working with html text in a TextArea when
transitioning from Web to Mobile development. It wasn't always stable, even
with very small files. I couldn't imagine that things would suddenly become
easy again in a 0.7.0 beta which in essence is not only Web but also Mobile
(because it runs in the browser of mobile devices).
The html property in the Text Area has all the functionality that I require.
This is going to be a lot of fun.
Lane.
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: FlexJS tying into HTML
Posted by Peter Ent <pe...@adobe.com>.
We do have a <js:TextArea> and it does have an html property. I honestly
haven't used it in a long time. But give it a try and let us know how well
it does the job you want.
If you isn't doing what you want, reply to this email thread and we can
offer some pointers. It might be to file a bug, give you some better
directions, or it might be to encourage you to extend the component and
contribute your changes back. Try it and lets see what happens.
Peter Ent
Adobe Systems/Apache Flex Project
On 9/27/16, 7:15 AM, "Lane" <la...@hotmail.com> wrote:
>I'm really enjoying FlexJS. I can't believe that I'm using MXML and it's
>working directly on a browser. Finally, a way to build a
>platform-agnostic
>Rich Internet Application that can't be stopped by anyone!
>
>One question: How does one bring up the functional equivalent to an
>ActionScript MXML TextArea that can handle html? Now that one is
>accessing
>javascript within a browser, is it possible in some way to tie into the
>browser? Just the simple things - bold, italics, centered headings,
>embedded
>images that move with the text. Is it possible to instantiate (using
>ActionScript) some explanatory html-formatted text with a few small
>embedded
>images when the user presses a button.
>
>There are tutorials at http://nextgenactionscript.com/tutorials/ but they
>don't seem to have what I need (or perhaps I don't recognize it when I'm
>staring at it).
>
>The ideal would be to embed the formatted text into the application so
>that
>it looks like a TextArea. Failing that, I suppose a popup from the
>browser
>might work (if ActionScript can generate it and communicate with it). I'm
>not sure how a mobile device would handle that, or if users would like it.
>
>Any ideas would be appreciated.
>
>Lane.
>
>
>---
>This email has been checked for viruses by Avast antivirus software.
>https://www.avast.com/antivirus
>