flex-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Devsena (JIRA)" <j...@apache.org>
Subject [jira] [Created] (FLEX-35268) [FlexJS] MDL - Add/Remove item(s) to TabBar
Date Thu, 16 Feb 2017 06:43:41 GMT
Devsena created FLEX-35268:

             Summary: [FlexJS] MDL - Add/Remove item(s) to TabBar
                 Key: FLEX-35268
                 URL: https://issues.apache.org/jira/browse/FLEX-35268
             Project: Apache Flex
          Issue Type: Improvement
    Affects Versions: Apache FlexJS 0.8.0
            Reporter: Devsena

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

Despite the bracketed binding is fixed now to TabBar, it's failed to update it's view on any
update to 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:

{code}dataProviderModel.addEventListener("dataProviderChanged", dataProviderChangeHandler);{code}

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


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).

I've attaching herewith a basic TabBar project which has 3 buttons - to modify an entry, remove
an entry and add an entry to the TabBar component. TabBar's data source is done in a fashioned
manner with bracketed binding.


This message was sent by Atlassian JIRA

View raw message