Moonshine 1.5.1 Released

[sankar]

We are pleased to announce that Moonshine 1.5.1 has been released.

Updates:
- Better simulator size for mobile application
- Lots of fixes to Ant build procedures

Let us know if you encounter any issues with the update.

http://moonshine-ide.com



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Moonshine-1-5-1-Released-tp63623.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Failing build for simple example

[sankar]

Josh Tynjala wrote
> I'm guessing that you didn't update the compiler before building the SDK.
> I
> think that fxg-base-class is a somewhat new compiler option.

Hi Josh,

We downloaded all these following packages fresh before start our Ant SDK
build:

- flex-asjs
- flex-falcon
- flex-blazeds
- flex-flexunit
- flex-sdk
- flex-tlf
- flex-typedefs

Piotr mentioned that new compiler options we need updated flex-falcon
builds. 

Inside our binary distribution folder, and before running "*ant -f
installer.xml*" inside the folder, we downloaded most last and latest
compiled versions of flex-falcon from here
http://apacheflexbuild.cloudapp.net:8080/job/flex-falcon/lastSuccessfulBuild/artifact/
to "*in*" folder. I guess flex-falcon requires in this step of Ant
procedure. 

Upon running "ant -f installer.xml" we had no trouble and we have produced
with a complete FlexJS 0.9.0 SDK as well. 

But when build running on a basic FlexJS project, we're continue to get this
error:

> : -optimize=false
> : -compiler.targets=JSFLEX
> : Unknown tag:compiler.fxg-base-class
> : Unknown tag:compiler.fxg-base-class
> :
> E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\out\apache-flex-flexjs-0.9.0-bin\frameworks\flex-config.xml(127):
> col: 0 unknown configuration variable 'compiler.fxg-base-class'.
> :
> E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\out\apache-flex-flexjs-0.9.0-bin\frameworks\flex-config.xml
> (line: 127)
> : 
> :   
> 
> flash.display.Sprite
> 
> : 
> : 
> :
> E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\out\apache-flex-flexjs-0.9.0-bin\frameworks\flex-config.xml(127):
> col: 0 unknown configuration variable 'compiler.fxg-base-class'.
> :
> E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\out\apache-flex-flexjs-0.9.0-bin\frameworks\flex-config.xml
> (line: 127)
> : 
> :   
> 
> flash.display.Sprite
> 

Per Piotr's temporary solution, if I comment out that line#127 from
flex-config, I able to build/run a project; Although, I don't know what it's
(removal) long time effect.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Failing-build-for-simple-example-tp63695p63697.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Moonshine 1.6.0 Release

[sankar]

I am pleased to announce that Moonshine 1.6.0 has been released at
http://moonshine-ide.com/ and on the App Store.

Added

- Useful Links Panel: This panel contains links that may be useful for your
development work. More will be added as we find them.
- Options to customize the display for the AIR simulator for mobile
projects. See the Run tab in the project settings
- Window: The window size and maximized status will be preserved when
restarting Moonshine
- Panels: The panel size will be preserved when restarting Moonshine
- Auto-updater: Moonshine will automatically prompt you to update to new
versions. Disabled for the App Store version.

Changed

- Debugging: Using new engine adapted from NexGenActionscript. Improvements
to highlighting and variables. The debugger currently supports the Apache
Flex® SDK and the Feathers SDK, but not Apache FlexJS®.
- Console: Updated the source code links
- API Docs panel: merged with Useful Links
- HTML-template: Added wrapper HTML files for Web (Flash) project templates,
to let them open properly in the browser.
- New Project Dialog: Added a field to select the SDK when creating a
project.

Fixed

- ANT Build: ** Fixed issue where ANT build was failing if path to build.xml
contains spaces ** Fixed ANT script for FlexJS project template
- Project build: Fixed issue where FlexJS project build was failing if
target player version has minor number (ex.
11.7)
- Project build: Fixed issue where Moonshine generated blank SWFs for FlexJS
builds using the 0.7.0 SDK or lower.
- Tooltips: Fixed some cases where the tooltips didn't disappear properly.

Notable Known issues


https://github.com/prominic/Moonshine-IDE/issues/36

While testing for this release, we noticed that most browsers were blocking
the user from opening SWFs from their local filesystem. The browsers will
show a message like "To view this page ensure that Adobe Flash Player
version 16.0.0 or greater is installed." and a "Get ADOBE FLASH PLAYER"
button.

For most browsers, if you click the button, the browser will prompt you
about whether you would like to allow the SWF to run. After you allow this,
you can run the SWF normally. However, Firefox will direct you to a download
page instead, so you may want to test in other browsers for now..

Alternatively, you can bypass the above errors by deploying the generated
SWF to a local or remote server.



--
Sent from: http://apache-flex-development.247.n4.nabble.com/

Re: [FlexJX][Falcon] Binding support fixes/improvements

[sankar]

I was recently testing 0.8.0 FlexJS nightly build, and I must say binding is
more responsive here than 0.7.0 version. I was testing by the example
project 'DataGridExample', and my interest was to see if data binding is
working in grid item renderer as well. Is this doable with present nightly
build?

My testing requirement was simple, changing any row of item's property at
runtime and see it's effect in dataGrid row. I tried to modify codes in
DataGridExample project per my understanding, to see if a runtime change to
the Product (model object) object can apply changes to DataGrid row. The
example also shown usage of DataItemRenderer. But I couldn't able to
implement the requirement I had. 

I modified the Product model object to this:

> package products
> {
>   import org.apache.flex.events.Event;
>   import org.apache.flex.events.EventDispatcher;
>   
>   [Bindable] public class Product extends EventDispatcher
>   {
>   public function
> Product(id:String,title:String,detail:Number,sales:Number,image:String)
>   {
>   this.id = id;
>   this.title = title;
>   this.detail = detail;
>   this.sales = sales;
>   this.image = image;
>   }
>   
>   public var id:String;
>   public var title:String;
>   public var detail:Number;
>   public var sales:Number;
>   
>   private var _image:String;
>   
>   public function toString():String
>   {
>   return title;
>   }
>   
>   [Bindable(event="propertyChange")]
>   public function get image():String
>   {
>   return _image;
>   }
>   
>   public function set image(value:String):void
>   {
>   if (value != _image)
>   {
>   _image = value;
>   dispatchEvent(new Event("propertyChange"));
>   }
>   }
>   }
> }

At runtime upon a button click I tried to modify an item row in
/MyInitialView.mxml/ as this:

> private function onButtonClicked():void
> {
>   ProductsModel(applicationModel).productList.source[1].image =
> "assets/smallorangerect.jpg";
> }

I tit-bit tried to dispatch event upon change here and there too, but that
didn't effect DataGrid UI change, get/set method in DataItemRenderer also
not being called. 

Is there any way in current nightly build that we can meet the above
requirement?

Thanks.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJX-Falcon-Binding-support-fixes-improvements-tp54632p56813.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJX][Falcon] Binding support fixes/improvements

[sankar]

Alex Harui wrote
> You should be able to convert ProductItemRenderer to MXML and use
> data-binding, or just have the AS version listen for the appropriate event
> fired from the data item.

I've tried to create a new MXML component based on DataItemRenderer, but I
couldn't even build compiler starts showing this error:

/1551: Internal error in ABC generator subsystem, when generating code for:
E:\apache-flex-flexjs-0.8.0-bin\examples\flexjs\DataGridExample\src\products\ProductItemRendererMXML.mxml:
java.lang.NullPointerException
/
Is that class supposed to be extended as MXML component?


Alex Harui wrote
> Because of the pay-as-you-go philosophy, the data
> provider used in the example does not dispatch collection change events,
> and the DataGrid and renderers aren't listening for it.

What alteration do I need to make the example works to dispatch collection
change event and DataGrid/renderers listens to it?



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJX-Falcon-Binding-support-fixes-improvements-tp54632p56850.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

How Apache manages FlexJS version in flex-sdk-description?

[sankar]

Apache Flex (FlexJS) 0.7.0 FP23.0 AIR23.0 en_US
*4.14.1*
20160905



I was wondering how Apache manages/marks version in flex-sdk-description.xml
with it's releases? I noticed that from 0.5.0-0.7.0 and now in recent
nightly builds (0.8.0) *version* value is always 4.14.1. While in Flex SDKs
the version value changes with every stable releases. 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/How-Apache-manages-FlexJS-version-in-flex-sdk-description-tp56851.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: How Apache manages FlexJS version in flex-sdk-description?

[sankar]

But for proper information purpose if Flex SDK releases comes with
appropriate *version* value in flex-sdk-description, doesn't FlexJS SDKs
also suppose to come with modified versioning figures (except 4.14.1
everytime)? 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/How-Apache-manages-FlexJS-version-in-flex-sdk-description-tp56851p56858.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJX][Falcon] Binding support fixes/improvements

[sankar]

Alex Harui wrote
> But I think there isn't any code that will send itemUpdated if a field in
> an item
> changes, only if an item changes.

Does the above means that if I updates a whole item, it suppose to reflect
to the row UI? Does DataGrid has necessary codes to listen itemUpdate event
at all, or what we need to do if it can't?

I tried to add a new item to the ArrayList; I also noticed the ArrayList has
/'propertyChange'/ event, but don't know if that suppose to work with
DataGrid:

> var tmp:Product = new
> Product("ps220","Weejets",35,190,"assets/smallorangerect.jpg")
> ProductsModel(applicationModel).productList.addItem(tmp);
> 
> ...
> // inside model 
> [Bindable(event="propertyChange")]
> public function get productList():ArrayList
> {
>   return _productList;
> }
>   
> public function set productList(value:ArrayList):void
> {
>   if (value != _productList)
>   {
>   _productList = value;
>   dispatchEvent(new Event("propertyChange"));
>   }
> }





--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJX-Falcon-Binding-support-fixes-improvements-tp54632p56868.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJX][Falcon] Binding support fixes/improvements

[sankar]

--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJX-Falcon-Binding-support-fixes-improvements-tp54632p56908.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Using source class instead of compiled swc

[sankar]

Can I use supplied source class in FlexJS SDK instead from the compiled
"swc"? For an example,

If I want to access *SimpleBinding* API resides at
/\frameworks\projects\Binding\src\main\flex\org\apache\flex\binding\SimpleBinding.as/
instead from /\frameworks\libs\Binding.swc/, is that possible someway?

I want to check the class' property at runtime in debug mode mainly, this
would help to understand how beads using different properties and help us to
contribute to FlexJS SDK as well (in long run). 

Thanks.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Using-source-class-instead-of-compiled-swc-tp56928.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Why there are same files exists in multiple places?

[sankar]

I noticed there are files which exists multiple time with almost no changes.
i.e. DataItemRenderer.

This file exists multiple time in source folders:
1.
https://github.com/apache/flex-asjs/blob/develop/frameworks/projects/Basic/src/main/flex/org/apache/flex/html/supportClasses/DataItemRenderer.as
2.
https://github.com/apache/flex-asjs/blob/develop/frameworks/projects/HTML/src/main/flex/org/apache/flex/html/supportClasses/DataItemRenderer.as

I noticed that the latter link only has a line difference:

> $sprite.addChild(background);

Now what I'm having problem to understand,

1. Why the 'Basic' and 'HTML' folders when holding almost same files?
2. When we call DataItemRenderer in our codes, I noticed it referenced from
/frameworks/libs/HTML.swc - does that mean the swc contains #2 URL file?
3. If above is not, then which file actually imports to our codes?

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Why-there-are-same-files-exists-in-multiple-places-tp56983.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: Why there are same files exists in multiple places?

[sankar]

Carlos Rovira-3 wrote
> Hi Sankar
> 
> 1. Why the 'Basic' and 'HTML' folders when holding almost same files?
>>
> 
> Basic is a deprecated project. When Alex and Harbs made the sprite
> refactor
> it was disconnected from build. I think Alex is working on it and he said
> rest of us could operate with Core, HTML and the rest of projects. So
> don't
> take account on Basic project
> 
> 
>> 2. When we call DataItemRenderer in our codes, I noticed it referenced
>> from
>> /frameworks/libs/HTML.swc - does that mean the swc contains #2 URL file?
>>
> 
> If I understand right, yes, DataItemRenderer comes from HTML.swc (is
> contained in that library swc)
> 
> -- 
> Carlos Rovira
> http://about.me/carlosrovira

Hi Peter, thank you for responding this. This clear my confusion. I was
hoping to have you in discussion in another important subject -
data-binding, and was seeking your view. Can you please take a look in
http://apache-flex-development.247.n4.nabble.com/FlexJX-Falcon-Binding-support-fixes-improvements-td54632.html
the last few comments (?) Alex advised that you may have something to say on
this.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Why-same-files-exists-in-multiple-places-tp56983p56997.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJX][Falcon] Binding support fixes/improvements

[sankar]

Can Peter or anyone from Apache dev suggest where the present development
stays for runtime data update to DataGrid component, or even any specific
beads way already available, as discussed in earlier comments/queries?

I think it's very much essential to me as a Flex developer to have the
runtime update feature available to DataGrid component. I understood FlexJS
works per pay-as-you-go ideology. But yet it's a critical feature that many
of us developers would want in their project, and I am sure about it.

I have raised a JIRA question on this:
https://issues.apache.org/jira/browse/FLEX-35197. 

It'd be great to hear from the devs on this.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJX-Falcon-Binding-support-fixes-improvements-tp54632p57023.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[Fix] Uploaded patch to JIRA issue

[sankar]

Recently I've found an issue when extending DataItemRenderer as MXML broke
the application. Here's the JIRA issue -
https://issues.apache.org/jira/browse/FLEX-35190.

I've updated my patch to fix this. Please, review.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Fix-Uploaded-patch-to-JIRA-issue-tp57026.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: Using source class instead of compiled swc

[sankar]

Alex Harui wrote
> Any classes found in the source-path will be used instead of classes in a
> SWC.  That is the basis of "monkey-patching".

I'm not very clear, but are you saying that when I declare a
\frameworks\projects\Binding\src\main\flex\org\apache\flex\binding\SimpleBinding.as"
instead from any swc?

I also wondering you must have some way of writing codes in SDK framework
source files while debugging, and testing; how you do them?




--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Using-source-class-instead-of-compiled-swc-tp56928p57033.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJX][Falcon] Binding support fixes/improvements

[sankar]

PKumar wrote
> @Sankar, FlexJS  binding support is not similar to regular Flex SDK
> binding and FlexJS DataGrid. FlexJS having the supported classes for
> runtime data update in DataGrid and dataprovider. If you need  the sample
> code. i will check in my demo list & share with you.

I'd love to see how this working, thanks PKumar!


Peter Ent wrote
> I have assigned the JIRA issue to myself and will be looking into this.

That's great!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJX-Falcon-Binding-support-fixes-improvements-tp54632p57044.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] Is there a way to auto-select row in DataGrid?

[sankar]

I seen DataGrid.selectedIndex is a read-only property in FlexJS. Is there a
way to select one or multiple rows without user's click? 

Thanks.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Is-there-a-way-to-auto-select-row-in-DataGrid-tp57167.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJX][Falcon] Binding support fixes/improvements

[sankar]

sankar wrote
> 
> PKumar wrote
>> @Sankar, FlexJS  binding support is not similar to regular Flex SDK
>> binding and FlexJS DataGrid. FlexJS having the supported classes for
>> runtime data update in DataGrid and dataprovider. If you need  the sample
>> code. i will check in my demo list & share with you.
> I'd love to see how this working, thanks PKumar!

@PKumar, is any input available for me? Please, suggest.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJX-Falcon-Binding-support-fixes-improvements-tp54632p57168.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Filter function to ArrayList?

[sankar]

In conventional application we often found a list/grid with a search text
box. This was easy to handle and filter the collection in Flex SDK, and
affect the list/grid UI per it's binding. 


> private function filterCollectionOnTextSearch():void
> { 
>   gridArrayCollection.filterFunction = searchName;
>   gridArrayCollection.refresh();
> }
> 
> private function searchName(item:Object):Boolean 
> {
>   if (item.nickName.toLowerCase().indexOf(txtSearch.text.toLowerCase()) !=
> -1 ) return true;
>   return false;
> }

FlexJS uses it's own ArrayList API and I didn't found any way to accomplish
the above requirement, so far. Is there any built-in way to filter the
ArrayList and refresh - and update to list/grid component per it's binding
feature?



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Filter-function-to-ArrayList-tp57239.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: Filter function to ArrayList?

[sankar]

JoelProminic wrote
> Define a new bead, say FilterDataProvider, with a "filter" field.  This
> would implement ICollection or IArrayList so that the methods return the
> filtered data instead of the actual data.  
> 
> When this bead is added to a container, it would use the current
> dataProvider as the raw data, and replace the current dataProvider with
> itself.

@Alex, I have a some thought over this; Unfortunately iCollection or
iArrayList or any collection list that has an in-built filter function (like
ArrayCollection) does not available in FlexJS. So perhaps we'll need to
filter data in a crude way which may cause memory stress. 

What you think about it?




--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Filter-function-to-ArrayList-tp57239p57527.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] Nightly build 0.8.0 Ant build failed

[sankar]

Today I downloaded most recent files from Git and tried to build the
'frameworks' package but followed by these errors:


> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1509):
> col: 38 Error: Incompatible override. 
> : 
> : [compc] 
> : [compc] override public function get parent():IParent 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> TextInput 
> : [compc] 
> : [compc] override public function
> dispatchEvent(event:org.apache.flex.events.Event):Boolean 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> WebBrowser 
> : [compc] 
> : [compc] override public function
> dispatchEvent(event:org.apache.flex.events.Event):Boolean 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> ContainerContentArea 
> : [compc] 
> : [compc] override public function
> dispatchEvent(event:org.apache.flex.events.Event):Boolean 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> DataGrid 
> : [compc] 
> : [compc] override public function
> dispatchEvent(event:org.apache.flex.events.Event):Boolean 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> ButtonBar 
> : [compc] 
> : [compc] override public function
> dispatchEvent(event:org.apache.flex.events.Event):Boolean 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> VRule 
> : [compc] 
> : [compc] override public function
> dispatchEvent(event:org.apache.flex.events.Event):Boolean 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> ViewBase 
> : [compc] 
> : [compc] override public function
> dispatchEvent(event:org.apache.flex.events.Event):Boolean 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> Image 
> : [compc] 
> : [compc] override public function
> dispatchEvent(event:org.apache.flex.events.Event):Boolean 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> HScrollBar 
> : [compc] 
> : [compc] override public function
> dispatchEvent(event:org.apache.flex.events.Event):Boolean 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> ToolTip 
> : [compc] 
> : [compc] override public function
> dispatchEvent(event:org.apache.flex.events.Event):Boolean 
> : [compc] ^ 
> : [compc] 
> : [compc]
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Basic\src\main\flex\org\apache\flex\core\UIBase.as(1530):
> col: 34 Error: interface method dispatchEvent in interface
> IEventDispatcher is implemented with an incompatible signature in class
> ContainerBase 
> : [compc] 
> : [compc] ove

Re: [FlexJS] Nightly build 0.8.0 Ant build failed

[sankar]

I checkout fresh copy of flex-typedefs from:
https://github.com/apache/flex-typedefs.

Upon building I hit by following error:

> BUILD FAILED
> E:\ApacheFlexJSFrameworkSource\source\flex-typedefs\build.xml:52: T
> he following error occurred while executing this line:
> E:\ApacheFlexJSFrameworkSource\source\flex-typedefs\js\build.xml:15
> 1: Replace: source file E:\ApacheFlexJSFrameworkSource\source\flex-
> typedefs\js\target\generated-sources\externc\functions\parseInt.as doesn't
> exist

Any suggestion why it's missing, Alex?



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Nightly-build-0-8-0-Ant-build-failed-tp57600p57605.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Nightly build 0.8.0 Ant build failed

[sankar]

It didn't worked for me updating only 'flex-falcon' and 'flex-typedefs' -
they bring other Ant file errors. Finally I able to do a successful build
after deleting everything and checkout fresh copy of 'flex-asjs' and run
it's Ant files. 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Nightly-build-0-8-0-Ant-build-failed-tp57600p57610.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] Probable design to support runtime update to DataGrid component

[sankar]

/I reported this requirement to Apache JIRA
(https://issues.apache.org/jira/browse/FLEX-35197) sometime back and also
discussed here in mailing-list
(apache-flex-flexjs-0.8.0-bin\frameworks\js\FlexJS\libs)./

I spent sometime to make the DataGrid component updates at runtime based on
it's collection change, which was missing in present FlexJS due to it's PAYG
nature; But as a Flex developer I feel it's quite an important feature to
update the DataGrid component at runtime upon collection change. I worked on
this by looking not to hurt it's present PAYG manner but a feature available
that can be added per requirement. 

I've added the full source of the POC project (demonstrating this
implementation) and modified/compiled SWCs that can be use in FlexJS SDK, at
https://issues.apache.org/jira/browse/FLEX-35197. (Note: the changes done
with latest FlexJS 0.8.0 nightly build)

I've also included my new and changed source to the JIRA issue, for review.

Following is some details to the changes to the source.

*PNDataProviderChangeNotifier:* I extended DataProviderChangeNotifier with
custom event listening to dataProvider/ArrayList class as the existing
"itemAdded", "itemRemoved" and "itemUpdated" event wasn't sufficient for
this of our needs. The newer event listening is based on
HTML/flex/org/apache/flex/events/ItemAddedEvent.as class which also has an
item field that meets our requirement. This is the very initiation point to
make the DataGrid works per it's collection change at runtime - if the bead
not added the DataGrid continue to work as PAYG.

*PNArrayList:* We found that existing ArrayList class wasn't sufficient for
our needs; It do tells when an item being updated or added or removed by
it's "itemUpdated", "itemAdded" or "itemRemoved" respectively, but it has no
way to tell which item being updated or added or removed. PNArrayList
extended by ArrayList class, dispatches that piece of information which is
critical for our needs to update particular indexed item in DataGrid without
re-creating whole list components it has every time. The events are listened
by PNDataProviderChangeNotifier which eventually informs the
DataItemRendererFactoryForArrayListData with specific information to
update/delete/add an item.

*DataItemRendererFactoryForArrayListData:* For some unknown reason I
couldn't able to extend this class. Even there were no errors and SWF also
ran pretty fine if I extend it, HTML output always found distorted. I do not
know why, maybe there are other classes which directly referring
DataItemRendererFactoryForArrayListData instead of
PNDataItemRendererFactoryForArrayListData class. I found the following
distortion when ran as HTML in browser:

 

Thus, I choose to modify the original
DataItemRendererFactoryForArrayListData class only and adds my piece of
codes; suggestions are welcome to make it a custom class resolving the UI
issue in HTML output.

The DataItemRendererFactoryForArrayListData class is now listens to the
events that fired by PNDataProviderChangeNotifier and therefore reacts to
update or add or remove any particular row in it's DataGroup with custom
functions. (In original FlexJS design,
DataItemRendererFactoryForArrayListData only listens to "itemAdded",
"itemRemoved" and "itemUpdated" events and re-creates all the list
components it has which we found maybe costly in HTML run)

*PNDataGroup:* Extended by DataGroup class. I require to extend it because
the class didn't had any addItemAt method in original source. Directly
calling addItemAt method (without overriding it in DataGroup) we found some
UI problems; thus we choose to extend the class and add our own addItemAt
method.

*PNListSingleSelectionMouseController:* Extended by
ListSingleSelectionMouseController. I noticed the original class was setting
rollover-index and selected-index property by an static value stored in
index property. This was anyway Okay for PAYG, but when a row been removed
or added in-between in runtime update scheme, the stored index property to
each row property became wrong. Thus I extended the class to update the
rollover-index and selected-index property based upon it's data index in the
dataProvider collection.

Except above classes, ItemAddedEvent.as also added in Core package so
PNArrayList class can access it from it's location. 

With my POC project, I tested following things were working fine with these
new implementation, and I confirm recreation of complete list (inside
DataGroup or DataItemRendererFactoryForArrayListData never fires when
updating, too):


 

Any suggestion or review to the code is welcome.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Probable-design-to-support-runtime-update-to-DataGrid-component-tp57626.html
Sent from the Apache Flex Development mailing list ar

Re: [FlexJS] Probable design to support runtime update to DataGrid component

[sankar]

Hi Piotr,


piotrz wrote
> I have questions to this class: "DataItemRendererFactoryForArrayList":
> 
> 1) You are registering for events "beadsAdded" and "initComplete" - Is it
> possible that both event will call "finishSetup" handler ? Maybe you
> should unregister once you get what you want ?
> 2) Is it possible that IDataProviderModel will be null ?

1) I did not registers those events, those were there already in the
original source. I noticed that it is always 'initComplete' which gets to
the 'finishSetup', I never seen the handler caused by 'beadsAdded' in my
tests. But anyway I rather concentrated to my part of interest than
fine-tuning original source. 
2) At this point (DataItemRendererFactoryForArrayList) so far I never see
IDataProviderModel is null. If you seen, there are some places where null
check already applied, i.e. beads. Probably
DataItemRendererFactoryForArrayList not supposed to have a null
IDataProviderModel. But of course Alex/Peter can advise on this better.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Probable-design-to-support-runtime-update-to-DataGrid-component-tp57626p57645.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] Probable design to support DataGrid sorting

[sankar]

/This has been discussed in Apache JIRA:
https://issues.apache.org/jira/browse/FLEX-35222/

I spent sometime to implement a custom approach to the FlexJS DataGrid
sorting. At this moment it's in it's very initial stage but able to do
column sorts at runtime along with notification icon (ascending/descending).
I've uploaded all my class files to the related JIRA issue
(https://issues.apache.org/jira/browse/FLEX-35222) and I'm looking forward
for advises if I'm on right track and if it sense to continue my effort.
Will glad to hear your suggestions.

As an initial description to the implementation, following are the classes
that I planned:

*PNDataGridButtonBarButtonItemRenderer:* The class extended by
ButtonBarButtonItemRenderer which creates the button component as column
header and listen to it's click event. The class override to pass our custom
events with requisite information; along with showing an icon for
ascending/descending sort position.

*PNDataGridColumnSorter:* A bead which can be added to DataGrid component
class, and should supply with same field references as we supply for
PNDataProviderChangeNotifier class - sourceID, propertyName - the class
reference holding the ArrayList collection to DataGrid, and the field name
for the ArrayList respectively. The class catches the event fired by
PNDataGridButtonBarButtonItemRenderer, sort the array per column index (from
which column the event fired), updates the main ArrayList and also
re-renders the DataGrid.

Thanks.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Probable-design-to-support-DataGrid-sorting-tp57925.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Probable design to support DataGrid sorting

[sankar]

Alex Harui wrote
> I'm wondering though, from the description below, is there a model bead
> involved somewhere?  I would expect to have a  model bead store the sort
> information (which column is being sorted, and whether ascending or
> descending.  That way the customer can set the model to have an initial
> startup sort.  Or is that taken care of some other way?

There was no model bead involved here as dataprovider model is not available
to DataGridButtonBarButtonItemRenderer state (or at least I never found) but
DataGroup and therefore datagrid button bar. Whether a column ascending or
descending that information stores to individual
PNDataGridButtonBarButtonItemRenderer locally, it dispatches it's event
through DataGridButtonBar along with the information of ascending/descending
to PNDataGridColumnSorter. 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Probable-design-to-support-DataGrid-sorting-tp57925p57930.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Probable design to support DataGrid sorting

[sankar]

On a second thought, you probably tried to refer DataGridPresentationModel
rather than DataProviderModel (DataProviderModel, which I thought
initially). Yes, it's a good place to store the information about which
column last sorted and ascending/descending value. But that may require me
to modify the present DataGridPresentationModel class but this make more
sense in long run.

I'm going to update the class file with newer values. 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Probable-design-to-support-DataGrid-sorting-tp57925p57934.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Probable design to support DataGrid sorting

[sankar]

Accessing DataGridPresentationModel from DataGridButtonBarButtonItemRenderer
seems quite tough even though it could be a nice place to store those
information. 

To get DataGridPresentationModel I'll need to access their multiple parents
as DataGridButtonBarButtonItemRenderer.parent.parent.parent which sounds
bad. _strand is also private in components and some do not have them at all;
thus _strand.getBeadByType() is not always an available feature as well.

I'm sticking to my earlier implementation for the time being until I get a
way to access DataGridPresentationModel in
DataGridButtonBarButtonItemRenderer without referring multiple parent
keywords. 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Probable-design-to-support-DataGrid-sorting-tp57925p57938.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Probable design to support DataGrid sorting

[sankar]

piotrz wrote
> Maybe StrandUtils will help you.

Hi again Piotr,

It seems all the parameters are required here - StrandUtils.loadBead(..). Do
we need to supply all parameters as valid value? Can you suggest with a demo
example?



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Probable-design-to-support-DataGrid-sorting-tp57925p57940.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] Data-binding fails when following multiple references

[sankar]

Hi,

I've reported this issue to JIRA at:
https://issues.apache.org/jira/browse/FLEX-35227.

Basically, binding to UI components do not works when following multiple
class references. i.e. following thing should work:

**

But this won't:

**

Even if both the fields (fieldA, fieldB) has it's binding prequisites, i.e.
/[Bindable("fieldAChanged")]/ etc. metadatas.

The JIRA issue has been supplied with a basic project/example to demonstrate
this problem. I was wondering if it's something that needs compiler level of
fix, or I/we can fix it someway with some guidance. 

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

Alex Harui wrote
> How are the three elements defined?  IOW: what is anyClass, a variable, a
> getter/setter, a [Bindable]?  What about subClass?
> 
> Where there any warnings in the compiler output?

Here is an example code snippets that should demonstrate the problem I
described above. 


MyInitialView.mxml wrote
> [Bindable] private var anyClass:ClassA = new ClassA();
> protected function onTextInputChangeA(event:Event):void
> {
>   anyClass.fieldA = myTI1.text;
> }
>   
> protected function onTextInputChangeB(event:Event):void
> {
>   anyClass.subClass.fieldB = myTI2.text;
> }
> ...
> 
>   ...
>   
>  change="onTextInputChangeA(event)"/>
>   
> 
> 
> 
>   ...
>   
>  change="onTextInputChangeB(event)"/>
>   
> 
> 


ClassA or 'anyClass' wrote
> public class ClassA extends EventDispatcher
> {
>   [Bindable] public var subClass:ClassB = new ClassB();
>   
>   public function ClassA() { }
>   
>   private var _fieldA:String = "";
> 
>   [Bindable("fieldAChanged")]
>   public function get fieldA():String
>   {
>   return _fieldA;
>   }
>   
>   public function set fieldA(value:String):void
>   {
>   if (value != _fieldA)
>   {
>   _fieldA = value;
>   dispatchEvent(new Event("fieldAChanged"));
>   }
>   }
> }


ClassB or 'subClass' inside 'anyClass' wrote
> [Bindable] public class ClassB extends EventDispatcher
> {
>   public function ClassB()
>   {
>   }
>   
>   private var _fieldB:String;
>   
>   [Bindable(event="fieldBChanged")]
>   public function get fieldB():String
>   {
>   return _fieldB;
>   }
>   
>   public function set fieldB(value:String):void
>   {
>   if (value != _fieldB)
>   {
>   _fieldB = value;
>   dispatchEvent(new Event("fieldBChanged"));
>   }
>   }
> }





--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p58027.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

Sounds great! Thank you, Piotr!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p58031.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] Does BindableCSSStyles requires any particular way of implementation?

[sankar]

I tried by a pretty basic code, the BindableCSSStyle, but it didn't worked in
my tests. Does it needs any particular way to implement?

Following is the source:

> http://ns.adobe.com/mxml/2009";
>xmlns:js="library://ns.apache.org/flexjs/basic">
>   
> 
>   

>   
> 
>   
>   
> 
>   
> 
>   
>  initialValue="#FF"/>
>   
>  initialValue="#FF"/>
>   
> 
>   
>   
> 
>   
> 
>   
> 
>   
> 
>   
> 
>   
>  borderWidth="1" borderColor="#FF" backgroundColor="#00"/>
>   
> 
>   
> 
>   
>   
>   click="textbutton1_clickHandler(event)"/>
> 

I didn't seen any style change after clicking on the button. 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Does-BindableCSSStyles-requires-any-particular-way-of-implementation-tp58040.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Does BindableCSSStyles requires any particular way of implementation?

[sankar]

I noticed this method never fires inside BindableCSSStyles class. Is it
supposed to be?

public function set watchedProperty(value:Object):void
{
if (_value !== value)
{
_value = value;
if (_strand is IBeadView)
IBeadView(_strand).host.dispatchEvent(new
Event("layoutNeeded"));
else
IEventDispatcher(_strand).dispatchEvent(new
Event("layoutNeeded"));
}
}



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Does-BindableCSSStyles-requires-any-particular-way-of-implementation-tp58040p58042.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Runtime error when setting a property to a constant value

[sankar]

I was reading through this mailing thread. Recently I've created a post
http://apache-flex-development.247.n4.nabble.com/FlexJS-Does-BindableCSSStyles-requires-any-particular-way-of-implementation-td58040.html
against BindableCSSStyles class problem, and I noticed that
LayoutChangeNotifier's /watchedProperty/ method never fires. 

I'm not sure but the problem seems identical what Om found in his case. It
fails when it's called in a bracketed binding way:



But it does work if I statically declare any value to /watchedProperty/,
i.e. 



Do you think it needs any likewise fix?



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Runtime-error-when-setting-a-property-to-a-constant-value-tp57874p58043.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

PKumar wrote
> I checked the same scenario with minor changes. You need to use bit more
> code to achieve the binding in FlexjS. use following code to achieve
> correct binding behavior,
> 
> [Bindable] 
*
> public
*
>  var anyClass:ClassA = new ClassA(); 
> protected function onTextInputChangeA(event:Event):void 
> { 
> anyClass.fieldA = myTI1.text; 
> } 
> 
> protected function onTextInputChangeB(event:Event):void 
> { 
> anyClass.subClass.fieldB = myTI2.text; 
> } 
> ... 
> 
> 
> 
> 
> 
*
>   
> 
>  
>   
> 
>  
>   
> 
*
>  
> 
> ... 
> 
>  change="onTextInputChangeA(event)"/>
> 
> 
> 
> 

Unfortunately, that didn't worked for me. You probably put all the codes in
 file; My codes are all in a separate view and called into
 in main application file. I tried to put the
 tag in my View file (which I tried already in
past) but that didn't helped. Nor if I put the tag in main application file. 


PKumar wrote*
> Also do not  extend the eventdispatcher and use the [Bindable] tag on
> class level as we used in regular FlexSDK.
*

I'm not sure about the above point. Both of my demonstrated classes doing
set/get to it's field, which dispatching change event also - don't I need to
extend EventDispatcher? I haven't made any changes to my classes yet, but if
that is a gamechanger then please guide me.




--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p58061.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Does BindableCSSStyles requires any particular way of implementation?

[sankar]

Alex Harui wrote
> What does the click handler do?  When a BindableCSSStyles property
> changes, the watchedProperty should change.  I'm thinking there is a
> problem with the binding code still.

Yes, for test purpose I'm trying to change the property inside
BindableCSSStyles through button click event. 

I saw using a bracketed binding to LayoutChangeNotifier never calls the
'watchedProperty' method in it, which I recently reported to
http://apache-flex-development.247.n4.nabble.com/FlexJS-Runtime-error-when-setting-a-property-to-a-constant-value-td57874i20.html,
Piotr advise he'll look into this. 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Does-BindableCSSStyles-requires-any-particular-way-of-implementation-tp58040p58062.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

Actually the above scenario was always working in my tests also, previously,
when you binding a field to an UI component in single reference way, i.e.,
{anyClass.fieldName}*"/>

But, this never works if you the field name comes after multiple references,
i.e.,
{anyClass.anotherClass.fieldName}*"/>

Piotr, your tests shown the binding in a single-referenced way, but it fails
in multi-referenced way.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p58065.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

piotrz wrote
> Yes I know, but I've started to investigate why you need to dispatch any
> events from VO class in order to have workable Binding.

This is how field binding to UI component has demonstrated in the example(s)
that supplied within Apache FlexJS SDK. I followed that only; And I vaguely
remember, the way of implementation only worked for me. If I remove the
event dispatch on field's SET method, change do not reflect to the UI
component that the field bind to (at least with my present nightly build
0.8.0 code that I updated some days back).




--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p58077.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] Probable design to support enable/disable state to TextInput

[sankar]

/This issue originally reported at:
https://issues.apache.org/jira/browse/FLEX-35049./

In the above JIRA issue, Alex suggested this can be achieve through a new
bead implementation. I spent sometime today to create a new bead which
suppose to avail the feature in both SWF and HTML run. The bead class I have
also attached to the JIRA issue, requesting yours review.

Following is a basic usage to the bead class:

// in MXML body







...

// Changing the enable/disable state by script
protected function
textbutton1_clickHandler(event:org.apache.flex.events.MouseEvent):void
{
disabledBead.enabled = !disabledBead.enabled;
}

...

// You can also directly declare the state value to the bead in following
way





Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Probable-design-to-support-enable-disable-state-to-TextInput-tp58081.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

I'm from India Piotr. :)



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p58082.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] TextInput restrict

[sankar]

Hi,

Is there any existing bead available to restrict text input to TextInput
component?

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-TextInput-restrict-tp58141.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] TextInput restrict

[sankar]

Thanks Chris and Peter.

Indeed 'accessories' has some TextInput beads. One bead that attract me
particularly for this purpose is NumericOnlyTextInputBead. But unfortunately
even it's worked in SWF it's broken into HTML.

I've created a new RestrictInputBead now which should support all those
purpose, including what NumericOnlyTextInputBead was meant for. Tested the
new bead working good in both SWF and HTML. I'll share the Apache JIRA issue
shortly for yours review. 

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-TextInput-restrict-tp58141p58154.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] TextInput restrict

[sankar]

Here is the JIRA link to a review request:
https://issues.apache.org/jira/browse/FLEX-35241.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-TextInput-restrict-tp58141p58155.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Probable design to support enable/disable state to TextInput

[sankar]

How can I restrict the mouse events to TextInput's TextField? 

I saw /TextField.mouseEnabled = false/ didn't helped. /mouseChildren/ also
not available.

Is there any way I can prevent the internal TextField's mouse activities in
a TextInput component?

Thanks! 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Probable-design-to-support-enable-disable-state-to-TextInput-tp58081p58225.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] Popup

[sankar]

Hi,

Is there any valid popup implementation is in development, which looks more
like a popup having modal background, opens center of the screen, adds
custom views etc.? SimpleAlert is too simple in this case.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

Carlos Rovira wrote
> MDL Dialog does exactly that you can see that here:
> http://s.apache.org/MDLExample

These examples looks fantastic, Carlos! :D NOOB questions (since I'm not
much aware of the development at mdl side),

1. I see mdl has a new xmlns in the given mxml files. Is is something going
to be available in next FlexJS release?
2. Is it something that can be achievable with present FlexJS 0.8.0 nightly
build (maybe by adding some kind of extension of mdl)?

I see the dialog contents we can construct ourselves; and this looks nice in
Chrome too! Hopefully it'll be available in other browsers soon as well.
Thanks for the nice works you're doing! :)



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58448.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

Aha! I just noticed it's already in FlexJS examples folder. It's nothing that
is developing behind the curtain and still need to be available! I see it's
the .css which suppose to make things difference. I'm trying to run the
project in Moonshine now :)

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58450.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

I'm having some trouble running the example, though. When I tried to run as
swf, I followed by these errors:

> TypeError: Error #1007: Instantiation attempted on a non-constructor.
>   at
> org.apache.flex.core::SimpleCSSValuesImpl/generateCSSStyleDeclarations()[E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Core\src\main\flex\org\apache\flex\core\SimpleCSSValuesImpl.as:238]
>   at
> org.apache.flex.core::SimpleCSSValuesImpl/init()[E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Core\src\main\flex\org\apache\flex\core\SimpleCSSValuesImpl.as:91]
>   at org.apache.flex.core::Application/set
> valuesImpl()[E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\HTML\src\main\flex\org\apache\flex\core\Application.as:258]
>   at
> org.apache.flex.utils::MXMLDataInterpreter$/generateMXMLProperties()[E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Core\src\main\flex\org\apache\flex\utils\MXMLDataInterpreter.as:401]
>   at
> org.apache.flex.core::Application/generateMXMLAttributes()[E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\HTML\src\main\flex\org\apache\flex\core\Application.as:312]
>   at App()
>   at _App_org_apache_flex_core_ApplicationFactory/create()
>   at
> org.apache.flex.core::ApplicationFactory/deferredFrameHandler()[E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects\Core\src\main\flex\org\apache\flex\core\ApplicationFactory.as:74]

When I tried to run as HTML, it opens a messed style output.

I'm not sure what is going wrong, 

> http://ns.adobe.com/mxml/2009";
> xmlns:js="library://ns.apache.org/flexjs/basic"
> xmlns:local="*"
> xmlns="http://www.w3.org/1999/xhtml";>
> 
>  
> 
> 
> 
> 
> 
> 
> 
> 
> 
> 
> 
> 
> 
> 
> 





--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58451.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

Hi Piotr,

Thanks for the information. Anyway we're more interested to the HTML output
:)

But the HTML build is messed up UI and styles. I updated my FlexJS framework
source sometime back and the examples were came within it. I'm not sure what
goes wrong.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58453.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

I noticed that given example source application file was started with
. But the running example to Apache server for MDL has it
. So I downloaded the source of the project from
http://apacheflexbuild.cloudapp.net:8080/job/MDLExample/lastSuccessfulBuild/artifact/examples/flexjs/MDLExample/.
 

When I tried to run it in Moonshine with 0.8.0 Nightly build FlexJS,
compiler thrown me following errors:

: Compiling MDLExample
: SDK path:
E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\out\apache-flex-flexjs-0.8.0-bin
: Using Flex SDK:
E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\out\apache-flex-flexjs-0.8.0-bin
:
E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\out\apache-flex-flexjs-0.8.0-bin\examples\flexjs\MDLExample\src\main\flex\App.mxml(20):
col: 1 This tag could not be resolved to an ActionScript class. It will be
ignored.
: 
: http://ns.adobe.com/mxml/2009";
: ^
: 
:
E:\DevareaLocal\ApacheFlexJSFrameworkSource\source\flex-asjs\out\apache-flex-flexjs-0.8.0-bin\examples\flexjs\MDLExample\src\main\flex\App.mxml(20):
col: 1 This tag could not be resolved to an ActionScript class. It will be
ignored.
: 
: 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58456.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

Carlos, sounds great! Thank you for this nice implementation! 

I shall update my local sources to give it a run. I think this
implementation will answer many UI issues that we are aware in FlexJS
framework. And this is more modernized UI than basic FlexJS styles.

I'm a little curious though, I see components were starting with http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58460.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

Carlos Rovira-3 wrote
> Right, many of the MDL controls are extensions from the HTML ones. Others
> don't have counterpart.

So as I see in MDL the UI components were complete re-work than what we have
in HTML package of FlexJS. MDL has different codes and approach to the
problems. So I wonder a few things:

1. If someone worked in HTML package components to fix something, if we want
to carry those fixes in MDL - then it has to be different codes/approach; in
that regard the fixes to HTML package will no use in MDL
2. In HTML package we have many different utility beads, i.e.
DataProviderChangeNotifier to DataGrid component. Since in MDL it's Table,
so we'll need to create custom bead that works like
DataProviderChangeNotifier but works to Table(?)
3. We can't mixed-match API from HTML package with MDL component 

Thanks!




--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58469.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

I updated with latest compiler, and I confirm it's working fantastic! 

Thank you for yours effort Alex, Piotr. I've updated the JIRA issue as well.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p58510.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

I just updated my local copy to latest compiler. 

When I tried testing the MDLExample, my HTML output seems messed-up. Here's
the screenshot link:https://i.imgsafe.org/1bf652697c.png. It looks like
styles not available.

Here's the application file codes, and I had no error during compilation. I
tried to test modifying the style source value, and compiler did gave me
error. So I think the present value is valid (as I didn't had any error with
this).

http://ns.adobe.com/mxml/2009";
 xmlns:js="library://ns.apache.org/flexjs/basic"
 xmlns:mdl="library://ns.apache.org/flexjs/mdl"
 xmlns:local="*">














--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58511.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

piotrz wrote
> In order to use MDL you have to use default template which contains links
> to the JS code of MDL. This default template along with default css style
> you can find in your downloaded FlexJS SDK folder:
> "examples\flexjs\MDLExample\src\main\resources\".

Hi Piotr,

I'm already using supplied CSS file in MDLExample project,


I only changed directory structure a little so 'resources' became the folder
where the App.mxml file exists. I double checked if any path reference needs
modification due to folder structure change, but there was none. 

Thanks!




--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58515.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

piotrz wrote
> Are you using Flash Builder with command line compilation ? You need to
> add
> 
> -compiler.exclude-defaults-css-files=HTML.swc:defaults.css
> -html-template=${basedir}/src/main/resources/mdl-js-index-template.html

Piotr,

After your previous comment to look into build.xml/pom.xml file, I found
what you were trying to say - we requires additional compiler arguments.

No, I'm not using Flash Builder but Moonshine. I tried adding those two
arguments in additional compiler arguments section; ran, but nothing
changed. I noticed the output wrapper html file didn't had MDL JS references
also, so clearly mdl-js-index-template.html not using. My arguments were:

-locale en_US -compiler.exclude-defaults-css-files=HTML.swc:defaults.css
-html-template=resources/mdl-js-index-template.html

I was also wondering, if we just add
"-compiler.exclude-defaults-css-files=HTML.swc:defaults.css" how a general
FlexJS project would look like? I tried to add this particular argument to
other FlexJS project, to satisfy the argument is working, but I didn't seen
any notable difference in UI. 

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58518.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

piotrz wrote
> Are you using Flash Builder with command line compilation ? You need to
> add
> 
> -compiler.exclude-defaults-css-files=HTML.swc:defaults.css
> -html-template=${basedir}/src/main/resources/mdl-js-index-template.html

Piotr,

After your last comment to check build/pom.xml I noticed those two extra
compiler arguments. 

No, I am not using Flash Builder but Moonshine. I added those arguments to
it's additional compiler argument section but didn't had expected results. 

Further investigating, I found that Moonshine is not adding additional
compiler arguments effectively to the FlexJS type of projects. I fixed it
and now trying to test the code. I'll let you know.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58520.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

Now when I able to run the MDLExample project through Moonshine IDE with
additional compiler arguments those were requires, I saw the wrapper HTML
now taking it's template content from mdl-js-index-template.html file. But
yet, it is not rendering expectedly, styles were broken. 

When I tried to compare the style/head portion of the wrapper HTML with html
at http://s.apache.org/MDLExample, I noticed following differences. Either
the template file is different than what we have demonstrated online, or,
Ant build file injecting more style contents into the wrapper HTML file
which is not happening when running in IDE. Check the following difference
in styles/head section.

*Local wrapper HTML content:*

> 
>   
> 
>   
> 
>   
> 
>   
> 
>   
> 
>   
>  href="https://fonts.googleapis.com/icon?family=Material+Icons";>
>   
>  href="https://code.getmdl.io/1.3.0/material.${primary}-${accent}.min.css";>
>   

>   


Wrapper HTML at http://s.apache.org/MDLExample:

> 
>   
> 
>   
> 
>   
> 
>   
> 
>   
> 
>   
>  href="https://fonts.googleapis.com/icon?family=Material+Icons";>
>   
>  href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css";>
>   

>   
>  href="http://cdn.css.net/libs/dialog-polyfill/0.4.5/dialog-polyfill.min.css";>
>   

>   


Probably I'll need to manually edit the template file with valid value for
this part:
https://code.getmdl.io/1.3.0/material.${primary}-${accent}.min.css";>



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58522.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

Hi Carlos,

I manually edit/add the following lines in mdl-js-index-template.html file
to make the example work running from an IDE. Maybe Ant build file adds
those lines at runtime, but I didn't have newly added lines in template
file:

/Edited/
https://code.getmdl.io/1.3.0/material.indigo-pink.min.css";>
/Added/
http://cdn.css.net/libs/dialog-polyfill/0.4.5/dialog-polyfill.min.css";>
/Added/


Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58524.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

Hi Carlos,

Yes, I've seen those style reference in pom.xml file. I was in need to run
the project in an IDE, I made the modification in the template html file.

Regarding the dialog polyfill style class insertion, I tried to omit those
two style reference from the template file and run, that breaks the dialog
style in Mozilla Windows; I got something like this (dialog body disappeared
and two buttons came far top-right of the screen):

 

I tried by keeping any one of the style but result was same.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p58528.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: git commit: [flex-asjs] [refs/heads/develop] - MDL Table component and example initial implementation

[sankar]

Hi,

Somehow I manage to work adding new rows to the MDL Table component at
runtime. It works great, but I saw one particular style is not affecting to
the newly added item renderer component from it's parent (Table) -
checkbox/select.

Initial table code is simple:

>  className="customTableRowItemRenderer">
>   
> 
>   
> 
>   
> 
>   
> 
>   
> 
>   
> 
>   
>  propertyName="materials"/>
>   
>sourceID="model"
>   sourcePropertyName="materialsSource"
>   destinationPropertyName="dataProvider" />
>   
> 
>   
> 

When adding a new row at runtime, it shows like as following cutting-off
selection style from it's Table component:
 

Above, 4th and 5th column being added. 

Can you suggest which particular style I may explicitly needs to apply to
the item renderer components?

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Re-git-commit-flex-asjs-refs-heads-develop-MDL-Table-component-and-example-initial-implementation-tp58260p58668.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: git commit: [flex-asjs] [refs/heads/develop] - MDL Table component and example initial implementation

[sankar]

Few more queries on these,

1. When a Table has selectable=true, how can I get the event when a
particular item being selected? 
2. How can I get the list of items being selected?
3. Is there any way to make a row selected other than selecting by it's
checkbox?

I have another query but with Cards API. Inside it's
 how can I lay contents vertically? 

Thanks for your helps!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Re-git-commit-flex-asjs-refs-heads-develop-MDL-Table-component-and-example-initial-implementation-tp58260p58669.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: git commit: [flex-asjs] [refs/heads/develop] - MDL Table component and example initial implementation

[sankar]

And as I continuing my queries :)

4. How can I make Table has specific height and vertically scrolled?



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Re-git-commit-flex-asjs-refs-heads-develop-MDL-Table-component-and-example-initial-implementation-tp58260p58671.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: git commit: [flex-asjs] [refs/heads/develop] - MDL Table component and example initial implementation

[sankar]

Hi Carlos,

I do agree for the first phase of release, whatever you did, is spell
bounding. And there is no question on that. 

I'll be happy to help you to make the MDL components more feature-rich per
real-life application needs. Although, I'm not very familiar with
JavaScript/CSS parts but trying to learn their behavior as I'm going :)

For 1, it that checkbox problem somehow fix, then it'll also help us resolve
the runtime update to Table component implementation. At this moment, I'm
taking that checkbox is the only way to select a row of item. But we shall
need an event dispatcher by Table upon checkbox selection, though.

The scrolling stuff, I think those solution (you supplied the links) exactly
what we need. But I'm unable to put the correct style in correct place
(thanks to my unfamiliarity to CSS). 

I assume this part only what we needed to make the Table specific height and
scroll (?)

> table.tableSection tbody {
>   overflow: auto;
>   height: 300px;
> }

My MDL Table already has a class name assigned, where and how am I suppose
to add the above mentioned style, can you please guide? 

>  className="customTableRowItemRenderer" percentWidth="100">

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Re-git-commit-flex-asjs-refs-heads-develop-MDL-Table-component-and-example-initial-implementation-tp58260p58679.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: git commit: [flex-asjs] [refs/heads/develop] - MDL Table component and example initial implementation

[sankar]

One more question, Carlos. Is the said pagination available to present Table
component state?

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Re-git-commit-flex-asjs-refs-heads-develop-MDL-Table-component-and-example-initial-implementation-tp58260p58680.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: git commit: [flex-asjs] [refs/heads/develop] - MDL Table component and example initial implementation

[sankar]

--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Re-git-commit-flex-asjs-refs-heads-develop-MDL-Table-component-and-example-initial-implementation-tp58260p58692.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: git commit: [flex-asjs] [refs/heads/develop] - MDL Table component and example initial implementation

[sankar]

I maybe thinking ahead of time and my abilities, and maybe you already had
explored these parts and possibilities, Carlos, while searching Table
height/checkbox-generation, selection etc. I came through this modified
version of MDL Table, at here: https://github.com/daniel-nagy/md-data-table. 

Do you think it's possible to borrow some of the styling to FlexJS MDL to
get some tailored features, i.e. click-selectable etc.?

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Re-git-commit-flex-asjs-refs-heads-develop-MDL-Table-component-and-example-initial-implementation-tp58260p58704.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: git commit: [flex-asjs] [refs/heads/develop] - MDL Table component and example initial implementation

[sankar]

I added a new listener into TextField component to listen Enter key (as I
haven't found one except text change); If this helps, Carlos.

Initially I tried to add a Function type of field in TextField component
(i.e. public var enter:Function;), but I had many unknown problems setting
the field value from the owner component. 

Thus, I ended by dispatching an event:

> // inside createElement() of TextField.as
> ..
> goog.events.listen(input, "keypress", function(a:BrowserEvent):void 
> {
>   // enter key
>   if(a.keyCode == 13) {
>   dispatchEvent(new Event("enter"));
>   }
> });
> ..

This worked for me at least. 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Re-git-commit-flex-asjs-refs-heads-develop-MDL-Table-component-and-example-initial-implementation-tp58260p58705.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: git commit: [flex-asjs] [refs/heads/develop] - MDL Table component and example initial implementation

[sankar]

If I'm not wrong, present FlexJS MDL style is little out-of-date. I found
this link to MDL git site, where it's mentioned that
'mdl-data-table--selectable' use is deprecated. But present FlexJS Table
class still using this specific style:
https://github.com/google/material-design-lite/wiki/Deprecations#automatic-selection-checkboxes.

Anyway, following the current style way, I able to address the selected
items problem to some extent. Please, check this link for a demo:
http://moonshine-ide.com/wp-tests/santanu/mdlTests/MDLExampleTableOnly.html. 

*Known Issue: *
# Clicking on column header checkbox do not updates selected items to Table
class.
# At present working with Table having checkbox only

*Covered:*
# Click on row selects/highlights the row, along with it's associated
checkbox selection
# Clicking on row or selecting by checkbox both works similar way
# Row selection now dispatches table's Event.CHANGE event
# New field added to table 'selectedItems', an Array of selected objects

Carlos, if you want to take a look into the Table and renderer
implementation, I can pass you the code files. I'm sure mine implementation
may not be as fine as if others will do, and having more understanding to
these, but anyway I able to do this much and it's working for me. 

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/Re-git-commit-flex-asjs-refs-heads-develop-MDL-Table-component-and-example-initial-implementation-tp58260p58727.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

It looks like data binding is terribly broken in MDL components. 

Any plan to work on this soon?

Thanks! 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p58785.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

Hi Piotr, Carlos,

Thanks for replying. I understand that the things now in random testing
phase and some functionalities may found still not implemented, i.e.
bracketed binding to some components. 

I shall plan to create JIRA issue with examples for yours easy.


Talking something else, I was wondering if there's any container kind of
thing to MDL having horizontal or vertical layouts? I noticed http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p58821.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] MDL requires JS:Container type of component

[sankar]

The requirement was pretty basic. Place the contents/components horizontally
or vertically and some alignment. I tried to use 










The above usage always output contents laying vertically. Following is a
screenshot of above code result:


 

The TextField component takes some of it's own space above and below of the
input field.

If I remove the space, then the output looks like this:


 

Here also the TextField taking it's own space above and below it. But the
Label seems grounded; and there is no vertical alignment option available.
style="vertical-align:middle" didn't helped either. 

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-requires-JS-Container-type-of-component-tp58822.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL requires JS:Container type of component

[sankar]

Hi Carlos,

I read your comment in other thread. 

But it's confusing me. Isn't Span, Div, H1 etc. tag are part of the HTML
SWC? 

I see the MDLExample project also uses JS:Div etc. tags in places. You
probably suggested to cut-off uses of any UI components from HTML SWC like
js Label etc. 

I tried to use the js Div, Span etc. but my bad - I couldn't able to create
a row of components laying horizontally and aligned vertically.

Thanks! 



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-requires-JS-Container-type-of-component-tp58822p58838.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL requires JS:Container type of component

[sankar]

Ok. I able to come up with something that I was trying for (components laying
horizontally and aligned vertically):







These also use HTML SWC API; and I didn't seen any plain Label type of
component to MDL, so I generally using js:TextNode. Is there something else
available that works as label in MDL?


Talking on something else, I didn't found any date chooser component to
https://getmdl.io. Does that mean FlexJS MDL shall not have something like
that until the original mdl library has it?

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-requires-JS-Container-type-of-component-tp58822p58840.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL requires JS:Container type of component

[sankar]

Hi Carlos,

Thank you for your notes.

Yes, I do follow the MDLExample project only, but sometime sort of things
missed my attention and some properties I'm not aware of (as no API docs
still available), i.e. border=true :)


Carlos Rovira wrote
> https://github.com/T00rk/bootstrap-material-datetimepicker
> 
> so we should check it and see if we could use, or even if we want to
> incorporate it or see if MDC (material design components) has already and
> we want to start a MDC library (MDC is the new library from google that
> will substitute MDL)

I have a couple of questions following your above comment, though, Carlos. 

1. Are you planning to incorporate MDC component to FlexJS MDL?
2. As you mentioned you may want to start a MDC library (if anyway google
substitute MDL over MDC). What will happen to FlexJS MDL library then?
Actually I'm worried about this path particularly; I don't want to invest my
application over a forgotten API.
3. How difficult is to build MDL components ourselves by grabbing
open-MDL-source from net (the kind you've attached a link); will that
require any compiler changes too?

Thanks!




--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-requires-JS-Container-type-of-component-tp58822p58884.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL requires JS:Container type of component

[sankar]

Hi Carlos,

Thank you for your detailed reply on queries. 

I was looking into the date-chooser control and was trying to add a new MDL
component calling date-chooser API. But I don't know how to write this in
ActionScript:


> $('document').ready(function()
> {
> $('#mdlMyTextField').bootstrapMaterialDatePicker({time:false,
> clearButton:true});
> });

Using $ sign breaks the compilation. I also tried to listen goog event to
ready event, but that never fired as well. The above function requires to
call on document.ready.

> goog.events.listen(document, "ready", onDocumentReady); // or 'load', or
> 'onload' 

Can you give some idea how to head to this? 

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-requires-JS-Container-type-of-component-tp58822p58913.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL requires JS:Container type of component

[sankar]

sankar wrote
> Can you give some idea how to head to this? 

I think I able to find how to work to this. It's running nice! 

Thanks!




--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-requires-JS-Container-type-of-component-tp58822p58915.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

Hi Piotr,

Sorry it's my bad. I was busy lately with other things running here. 

I shall plan to putup a demo with MDL on binding problems. I shall let you
know. 

At present I'm updating recent source from Apache repository.

Thanks!




--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p59045.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

Hi,

I'm trying to update recent source from Apache repository. When trying to
build 'flex-asjs' source, I've turned to following error. Does anybody has
any inside how to overcome this?


> compile-js-swc:
>  [echo] Compiling target/MaterialDesignLiteJS.swc
>  [echo] FLEX_HOME: E:\ApacheFlexJSFrameworkSource\source\flex-a
> sjs
>  [echo] FALCON_HOME: E:\ApacheFlexJSFrameworkSource\source\flex
> -asjs/../flex-falcon/compiler
> [mkdir] Created dir: E:\ApacheFlexJSFrameworkSource\source\flex
> -asjs\frameworks\js\FlexJS\projects\MaterialDesignLiteJS\target
> [compc] Loading configuration: E:\ApacheFlexJSFrameworkSource\s
> ource\flex-asjs\frameworks\js-config.xml
> [compc] Loading configuration: E:\ApacheFlexJSFrameworkSource\s
> ource\flex-asjs\frameworks\js\FlexJS\projects\MaterialDesignLiteJS\src\main\conf
> ig\compile-js-config.xml
> [compc]
> [compc] E:\ApacheFlexJSFrameworkSource\source\flex-asjs\framewo
> rks\projects\MaterialDesignLite\src\main\flex\org\apache\flex\mdl\Dialog.as(121)
> : col: 7 Error: Access of possibly undefined property dialogPolyfill.
> [compc]
> [compc]
> dialogPolyfill.registerD
> ialog(dialog);
> [compc] ^
> [compc]
> 
> BUILD FAILED
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\build.xml:499: The
> following error occurred while executing this line:
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\build.xm
> l:100: The following error occurred while executing this line:
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\build.xm
> l:250: The following error occurred while executing this line:
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\projects
> \MaterialDesignLite\build.xml:36: The following error occurred while
> executing t
> his line:
> E:\ApacheFlexJSFrameworkSource\source\flex-asjs\frameworks\js\FlexJ
> S\projects\MaterialDesignLiteJS\build.xml:80: compc task failed.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p59046.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Popup

[sankar]

sankar wrote
> I'm trying to update recent source from Apache repository. When trying to
> build 'flex-asjs' source, I've turned to following error. Does anybody has
> any inside how to overcome this?

I able to overcome the above problem by updating other folders than
'flex-asjs' source. 

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Popup-tp58435p59048.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

Hi Piotr,

I've created a JIRA issue pointing bracketed binding problems to MDL
components. You can find it at here:

https://issues.apache.org/jira/browse/FLEX-35256

Please, take a look.


Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p59052.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

piotrz wrote
> I just resolved your jira. Take a look into the comments and let me know
> if anything is wrong.

Hi Priotr,

I just looked into. Most of the components now working nicely! Thanks! Yet a
few components missing their bracketed binding ways. If you please take a
look into my findings at Jira. 

Thanks!




--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p59123.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

piotrz wrote
> Put into model only one model and it should work.

Hi Priotr,

I'm okay with adding only one model class in  tag. I also tested
if I declare an external class having data for Table component in
 tag and then bind to Table component, that does work. 

But Tabs and TabBar component still breaking my application when I tried by
bracketed binding. I tried following codes:




   






































Can you please take a look, Priotr (?)

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p59179.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

Hi Piotr,

Sure, if we need to move early (than you fix) we'll probably need to move
with the basic proven way of binding (to tab type of components). But I'm
afraid some of the application here based on rendering dynamic data. Thus
tabs and some other items shall be drawn after data available to the
application. I shall check if BasicBinding can address this requirement than
ConstantBinding.

Thank you, Priotr.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p59278.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL List problems

[sankar]

Hi,

Why the List component missing features like roll-over and selection? I know
these features wasn't available to original MDL library List component too,
but isn't this a bit odd? A general List component is very unlike to not
have these usual features! 

Is there any beads or some CSS can add these features to List component?

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-List-problems-tp56607p59388.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL List problems

[sankar]

Hi Carlos,

Yes, I do understand what you and Piotr did already, is fantastic.
Availability of kind of stuff to FlexJS scene to render HTML, is just
marvelous. I also understand that it's only done it's first phase of
development and things like features can be added as we progress. 

I already in the cycle, and we've a couple of developments already done
towards MDL components and stuff, i.e. run-time data update to MDL Table,
sorting, filtering, datefield etc. I'm in deal to add more contents those
are not available to MDL, although they might not be in standard with what
you guys have done :) But I'm doing. So, I'm all eyes-n-ears. If you give me
certain points/ideas to start from to meet a certain feature or goal, I'm
there! I shall try to look into along with my priority tasks.


@Josh,

I shall try to check by the CSS definition you mentioned. 


Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-List-problems-tp56607p59416.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

Great Piotr,

Thank you! I shall give it a try soon possible!

I'll keep you updated.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p59506.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] MDL: Add/Remove item(s) to TabBar

[sankar]

/(*Note:* I've tested by new fix pushed by Piotr recently to TabBar bracketed
binding source reported at:
https://issues.apache.org/jira/browse/FLEX-35256)/

Hi,

I have a requirement to add/remove tabs to TabBar component at runtime.

Although by recent fix from Piotr for bracketed binding to TabBar component,
it's failed to update it's view on any update to the bindable source; though
it's a second big expectation from a binding feature.

I tried to look into the TabBar source and then into
"TabsItemRendererFactoryForArrayData.as" file. I seen there is a change
listener added to the collection/source:


> dataProviderModel.addEventListener("dataProviderChanged",
> dataProviderChangeHandler);

I noticed that changes to the source never fires the above method, though.
Thus, I forcibly dispatches the event after any changes to the source, i.e.
addition to the source, that does adds a new tab like block to the TabBar
component, but without any working functionality to it.

 

In above image, "CHIPS" added after a button click event, but I noticed it
gets added without mdl tab styles on it. Furthermore, the TabBar seems
completely broken, no section change occur, no selected tab style occur (the
red line beneath the selected tab), and clicking any particular tab add the
'tabId' to the address bar (as shown in the image).

Can Piotr or Carlos give me some idea how to make this thing works, how can
I add/remove items to the TabBar component at runtime?

Appreciate to hear from you.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Add-Remove-item-s-to-TabBar-tp59508.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL: Add/Remove item(s) to TabBar

[sankar]

Hi Piotr,

I shall report with a project example. 

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Add-Remove-item-s-to-TabBar-tp59508p59512.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL: Add/Remove item(s) to TabBar

[sankar]

Here's the issue number Piotr -
https://issues.apache.org/jira/browse/FLEX-35268.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Add-Remove-item-s-to-TabBar-tp59508p59513.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL: Add/Remove item(s) to TabBar

[sankar]

Hi Piotr,

No, it was my first time. I tried by very basic codes (before you fixed
bracketed binding to TabBar). My codes were like this:

...





...
...
// in model class
[Bindable(event="componentsTabsUpdated")]
public function get componentsTabs():Array
{
return _componentsTabs;
}
public function set componentsTabs(value:Array):void
{
_componentsTabs = value;
dispatchEvent(new Event("componentsTabsUpdated"));
}
...
...
// I modified TabBar.as class to forcibly dispatch "dataProviderChange"
event that listened into TabsItemRendererFactoryForArrayData.as class
public function set dataProvider(value:Object):void
{
// @devsena
if (!ITabModel(model).dataProvider) ITabModel(model).dataProvider = 
value;
else
{
ITabModel(model).dataProvider = value;
ITabModel(model).dispatchEvent(new 
Event("dataProviderChanged"));
}
}

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Add-Remove-item-s-to-TabBar-tp59508p59517.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL: Add/Remove item(s) to TabBar

[sankar]

Also, I was thinking if there's a way possible to implement to
programmatically 'active' certain section in *NavigationLayoutContent* (?) I
was thinking to do a different component (i.e. breadcrumb) which should have
similar structure in use like NavigationLayoutContent, but I'm not sure how
to make certain section active in it.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Add-Remove-item-s-to-TabBar-tp59508p59523.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL: Add/Remove item(s) to TabBar

[sankar]

sankar wrote
> Also, I was thinking if there's a way possible to implement to
> programmatically 'active' certain section in 
*
> NavigationLayoutContent
*
>  (?)

Nevermind, I've created a method which does the job now.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Add-Remove-item-s-to-TabBar-tp59508p59530.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

[FlexJS] MDL - Dynamic Child Problem

[sankar]

Hi,

There's a critical and major problem exists with dynamic child creation in
MDL structure.

I've reported this to JIRA at:
https://issues.apache.org/jira/browse/FLEX-35269.

Request to look into this once. 

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Dynamic-Child-Problem-tp59595.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL - Dynamic Child Problem

[sankar]

Hi Carlos,

Is this makes some sense? -
http://stackoverflow.com/questions/32363511/how-can-i-update-refresh-google-mdl-elements-that-i-add-to-my-page-dynamically
(the answer part). I'm not very familiar with DOM development, though.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Dynamic-Child-Problem-tp59595p59611.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL - Dynamic Child Problem

[sankar]

I think this should be an answer what they already mentioned in the original
MDL library page:

 

I also found somewhere at Stackoverflow people discussing on this, someone
suggested this:


> For future readers and users of the Material Design Lite (MDL) framework,
> you can also refresh dynamically added elements individually (instead of
> combing the entire DOM).
> 
> For example, componentHandler.upgradeDom("mdl-menu") will upgrade only
> mdl-menu elements.

So the above sounds can be called /after/ adding the component to HTML
stage.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Dynamic-Child-Problem-tp59595p59618.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL - Dynamic Child Problem

[sankar]

piotrz wrote
> Deeper investigation points me to componentHandler.register method - It
> looks like created component need to be registered and maybe than
> upgradeElement method will work.
> 
> Method register take:
> 
> /**
>  * Describes the type of a registered component type managed by
>  * componentHandler. Provided for benefit of the Closure compiler.
>  *
>  * @typedef {{
>  *   constructor: Function,
>  *   classAsString: string,
>  *   cssClass: string,
>  *   widget: (string|boolean|undefined)
>  * }}
>  */
> componentHandler.ComponentConfigPublic;
> 
> How actually register my created Tab ? :)
> 
> Piotr

I'm not sure about if it (FlexJS components) needs to be registered, I took
out a simple test. I took the example that I supplied to the dynamic
add/remove tab requirement JIRA for this test. 

What I did is I added a basic 'setInterval' script in wrapper HTML which
calls a method and runs the 'componentHandler' methods. I made the
'setInterval' in few seconds' delay so I can add the dynamic child before
them.




After above command fired, I saw there still probably a few things not
working. Here's a list of things which I found worked and not-worked after
the command (I had TextField and Button only):

Worked:
1. Button ripple effect
2. TextField floating label
3. TextField expanding search field

Not worked:
1. TextField tooltip 
2. There could be some more.. 

So my point is, Piotr, it seems when FlexJS adds component to the HTML, they
anyway get registered or maybe they don't need to be explicitly registered
to get called for 'componentHandler' codes.

Thanks.



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Dynamic-Child-Problem-tp59595p59668.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.

Re: [FlexJS] MDL - Dynamic Child Problem

[sankar]

Hi Piotr,

Thanks for the update. Previously I was updating dataProvider by using
 but it anyway required me to change something in TabBar
source. Your fixed example showing more cleaner procedure now. I shall use
that.

I shall update my local source soon, hopefully dynamic child problem will
resolve soon.

Thanks!



--
View this message in context: 
http://apache-flex-development.247.n4.nabble.com/FlexJS-MDL-Dynamic-Child-Problem-tp59595p59672.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.