[jira] [Created] (FLEX-35268) [FlexJS] MDL - Add/Remove item(s) to TabBar

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

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

!untitled.png!

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.

Thanks!



--
This message was sent by Atlassian JIRA
(v6.3.15#6346)