[jira] [Updated] (FLEX-35310) Issue with same Id assigned to components in different views

["Piotr Zarzycki (JIRA)" <ji...@apache.org>]

     [ https://issues.apache.org/jira/browse/FLEX-35310?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Piotr Zarzycki updated FLEX-35310:
----------------------------------
    Component/s: FlexJS

> Issue with same Id assigned to components in different views
> ------------------------------------------------------------
>
>                 Key: FLEX-35310
>                 URL: https://issues.apache.org/jira/browse/FLEX-35310
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: FlexJS
>    Affects Versions: Apache FlexJS 0.8.0
>            Reporter: Piotr Zarzycki
>         Attachments: DoubleIdIssue.zip, DoubleMDLIdIssue.zip, two_spans_with_same_id.png
>
>
> *Issue:*
> Components in old Flex SDK could have same "Id" in different. Unfortunately in FlexJS assigning same "Id" for components laying out in different views cause major problems with behavior of those components in HTML.
> *Scenario:*
> I've created two small examples (both contains already built application - you can run it from target/javascript/bin/js-debug/index.html):
> 1) Built with pure Basic components
> - FirstView and SecondView file has following code:
> {code}
> <?xml version="1.0"?>
> <js:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
>           xmlns:js="library://ns.apache.org/flexjs/basic">
>    <js:Label id="lblView" text="My Label First View"/>
> </js:Group>
> {code}
> - View usage:
> {code}
> <js:View xmlns:fx="http://ns.adobe.com/mxml/2009"
>          xmlns:js="library://ns.apache.org/flexjs/basic"
>          xmlns:views="views.*">
>     <js:beads>
>         <js:VerticalLayout />
>     </js:beads>
>     <views:FirstView width="100" height="50"/>
>     <views:SecondView width="100" height="50"/>
> </js:View>
> {code}
> *Results:* Attached image: "two_spans_with_same_id.png"
> 2) Built with MDL only components. 
>  - View1 and View2 file has following code:
> {code}
> <?xml version="1.0"?>
> <mdl:Grid xmlns:fx="http://ns.adobe.com/mxml/2009"
>           xmlns:mdl="library://ns.apache.org/flexjs/mdl"
>           xmlns:js="library://ns.apache.org/flexjs/basic" xmlns:models="models.*"
>           width="100">
>     <mdl:model>
>         <models:MenuModel id="menuModel"/>
>     </mdl:model>
>         <mdl:Button id="menu_btn2" text="Menu Button 2" width="100"/>
>         <mdl:Menu dataMdlFor="menu_btn2" ripple="true" bottom="true" left="false"
>                   labelField="label" className="customMenuItemRenderer">
>             <mdl:beads>
>                 <js:ConstantBinding
>                         sourceID="menuModel"
>                         sourcePropertyName="menuItems"
>                         destinationPropertyName="dataProvider" />
>             </mdl:beads>
>         </mdl:Menu>
> </mdl:Grid>
> {code}
> - View usage:
> {code}
> <?xml version="1.0"?>
> <mdl:NavigationLayout xmlns:fx="http://ns.adobe.com/mxml/2009"
>                       xmlns:mdl="library://ns.apache.org/flexjs/mdl"
>                       xmlns:views="views.*">
>     <mdl:NavigationLayoutContent>
>         <views:View1 height="100" width="200"/>
>         <views:View2 height="100" width="200"/>
>     </mdl:NavigationLayoutContent>
> </mdl:NavigationLayout>
> {code}
> *Results:*
> View1 and View2 contains "Menu" which is associated to some button. In this case second menu is not working at all. - Once I change "Id" for one of the menu in - both started to work. - But this is definitely not a solution.
> *Expected results:* 
> FlexJS should allow for declaring same "Id" value in different views. 



--
This message was sent by Atlassian JIRA
(v6.4.14#64029)