Also: If you need the list to dynamically update itself you might need EasyDataProviderChangeNotifier like I have below.
> On Jan 12, 2022, at 5:19 PM, Harbs <harbs.li...@gmail.com> wrote: > > How are you assigning the ArrayList? What’s the base component for the MXML? > > You might need to add ContainerDataBinding. > >> On Jan 12, 2022, at 5:08 PM, Roman Isitua <romanisi...@gmail.com >> <mailto:romanisi...@gmail.com>> wrote: >> >> I have tested it again. No errors. >> >> >> >> On Wed, Jan 12, 2022 at 3:54 PM Harbs <harbs.li...@gmail.com >> <mailto:harbs.li...@gmail.com>> wrote: >> Do you get an error of some kind? >> >>> On Jan 12, 2022, at 4:29 PM, Roman Isitua <romanisi...@gmail.com >>> <mailto:romanisi...@gmail.com>> wrote: >>> >>> Sorry, what I meant to say is that the arrayList does not render. >>> >>> For example when I use Array as follows >>> >>> <sp:FlexContainer className="home_side_area" wrap="false"> >>> <sp:Icon> </sp:Icon> >>> <sp:Button text="Add New" flavor="cta"></sp:Button> >>> <sp:List id="navLinks" className="home_side_nav" >>> labelField="description" dataProvider="{menuItemList}" >>> change="onSelectMenu(event)"/> >>> <sp:Button text="Log Out" click="logOut(event)"></sp:Button> >>> </sp:FlexContainer> >>> >>> The side menu renders >>> >>> <image.png> >>> >>> >>> However, when I use array List as follows >>> >>> <sp:FlexContainer className="home_side_area" wrap="false"> >>> <sp:Icon> </sp:Icon> >>> <sp:Button text="Add New" flavor="cta"></sp:Button> >>> <sp:List id="navLinks" className="home_side_nav" >>> labelField="description" >>> dataProvider="{newMenuItemList}" change="onSelectMenu(event)"> >>> <sp:beads> >>> <js:ArrayListSelectionModel /> >>> <js:DataItemRendererFactoryForArrayList/> >>> </sp:beads> >>> </sp:List> >>> <sp:Button text="Log Out" click="logOut(event)"></sp:Button> >>> </sp:FlexContainer> >>> >>> >>> it does not render. see Below >>> >>> <image.png> >>> >>> >>> >>> >>> >>> On Wed, Jan 12, 2022 at 3:18 PM Harbs <harbs.li...@gmail.com >>> <mailto:harbs.li...@gmail.com>> wrote: >>>> It's not working. >>> >>> What’s not working? >>> >>>> Did I apply it correctly ? >>> >>> Looks like it. >>> >>>> Another question, which one do you use for your apps in production ? >>> >>> I usually use Arrays. The css code was copied from one of my apps which >>> uses an ArrayList in a Spectrum List.. >>> >>>> On Jan 12, 2022, at 4:00 PM, Roman Isitua <romanisi...@gmail.com >>>> <mailto:romanisi...@gmail.com>> wrote: >>>> >>>> I have attempted the second approach. It's not working. I am not sure I am >>>> applying it correctly. See how I defined it. >>>> >>>> <!-- <sp:FlexContainer className="home_side_area" wrap="false"> >>>> <sp:Icon> </sp:Icon> >>>> <sp:Button text="Add New" flavor="cta"></sp:Button> >>>> <sp:List id="navLinks" className="home_side_nav" >>>> labelField="description" dataProvider="{menuItemList}" >>>> change="onSelectMenu(event)"/> >>>> <sp:Button text="Log Out" click="logOut(event)"></sp:Button> >>>> </sp:FlexContainer> --> >>>> >>>> <sp:FlexContainer className="home_side_area" wrap="false"> >>>> <sp:Icon> </sp:Icon> >>>> <sp:Button text="Add New" flavor="cta"></sp:Button> >>>> <sp:List id="navLinks" className="home_side_nav" >>>> labelField="description" >>>> dataProvider="{newMenuItemList}" change="onSelectMenu(event)"> >>>> <sp:beads> >>>> <js:ArrayListSelectionModel /> >>>> <js:DataItemRendererFactoryForArrayList/> >>>> </sp:beads> >>>> </sp:List> >>>> <sp:Button text="Log Out" click="logOut(event)"></sp:Button> >>>> </sp:FlexContainer> >>>> >>>> >>>> Note: in the commented out code above, I supplied an array. It works fine. >>>> >>>> Did I apply it correctly ? >>>> >>>> Another question, which one do you use for your apps in production ? >>>> >>>> >>>> On Wed, Jan 12, 2022 at 2:09 PM Harbs <harbs.li...@gmail.com >>>> <mailto:harbs.li...@gmail.com>> wrote: >>>> Any one of those three should work. >>>> >>>>> On Jan 12, 2022, at 3:09 PM, Harbs <harbs.li...@gmail.com >>>>> <mailto:harbs.li...@gmail.com>> wrote: >>>>> >>>>> CSS: >>>>> #uploadsList{ >>>>> IBeadModel: >>>>> ClassReference("org.apache.royale.html.beads.models.ArrayListSelectionModel"); >>>>> IDataProviderItemRendererMapper: >>>>> ClassReference("org.apache.royale.html.beads.DataItemRendererFactoryForArrayList"); >>>>> } >>>>> >>>>> MXML: >>>>> <sp:beads> >>>>> <js:ArrayListSelectionModel/> >>>>> <js:DataItemRendererFactoryForArrayList/> >>>>> </sp:beads> >>>>> >>>>> ActionScript: >>>>> addBead(new ArrayListSelectionModel()); >>>>> addBead(new DataItemRendererFactoryForArrayList()); >>>>> >>>>>> On Jan 12, 2022, at 2:44 PM, Roman Isitua <romanisi...@gmail.com >>>>>> <mailto:romanisi...@gmail.com>> wrote: >>>>>> >>>>>> How can this be applied let say for example on an sp:List ? As a bead ? >>>>>> >>>>>> Let's say I want to use arrayList as data provider. >>>>>> >>>>>> >>>>>> On Wed, 12 Jan 2022, 13:41 Harbs, <harbs.li...@gmail.com >>>>>> <mailto:harbs.li...@gmail.com>> wrote: >>>>>> Yes.The default IDataProviderItemRendererMapper is >>>>>> DataItemRendererFactoryForArrayData. >>>>>> >>>>>> If you are using collections you should use >>>>>> DataItemRendererFactoryForArrayList or >>>>>> DataItemRendererFactoryForCollectionView instead. >>>>>> >>>>>> HTH, >>>>>> Harbs >>>>>> >>>>>>> On Jan 12, 2022, at 1:35 PM, Roman Isitua <romanisi...@gmail.com >>>>>>> <mailto:romanisi...@gmail.com>> wrote: >>>>>>> >>>>>>> Hence the reason, I need to confirm from Harbs the array data type that >>>>>>> is supported in spectrum. >>>>>>> >>>>>>> >>>>>>> >>>>>>> On Tue, 11 Jan 2022, 21:33 Maria Jose Esteve, <mjest...@iest.com >>>>>>> <mailto:mjest...@iest.com>> wrote: >>>>>>> Hi, >>>>>>> >>>>>>> From what I see in the "ListModel.as" code it allows Object, IArray and >>>>>>> IArrayList. >>>>>>> >>>>>>> >>>>>>> >>>>>>> Hiedra >>>>>>> >>>>>>> >>>>>>> >>>>>>> De: Roman Isitua <romanisi...@gmail.com <mailto:romanisi...@gmail.com>> >>>>>>> Enviado el: martes, 11 de enero de 2022 20:40 >>>>>>> Para: users@royale.apache.org <mailto:users@royale.apache.org> >>>>>>> Asunto: Re: Spectrum UI components >>>>>>> >>>>>>> >>>>>>> >>>>>>> It is now displaying. The issue was not related to the sp:List as I >>>>>>> initially thought. >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> <sp:Group> >>>>>>> >>>>>>> >>>>>>> >>>>>>> <sp:beads> >>>>>>> >>>>>>> <js:ContainerDataBinding /> >>>>>>> >>>>>>> </sp:beads> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> <sp:FlexContainer className="home_side_area" wrap="false"> >>>>>>> >>>>>>> <sp:Icon> </sp:Icon> >>>>>>> >>>>>>> <sp:Button text="Add New" flavor="cta"></sp:Button> >>>>>>> >>>>>>> <sp:List id="navLinks" className="home_side_nav" >>>>>>> labelField="description" dataProvider="{menuItemList}" >>>>>>> >>>>>>> change="onSelectMenu(event)"/> >>>>>>> >>>>>>> <sp:Button text="Log Out" click="logOut(event)"></sp:Button> >>>>>>> >>>>>>> </sp:FlexContainer> >>>>>>> >>>>>>> >>>>>>> >>>>>>> <sp:Container id="mainArea"> >>>>>>> >>>>>>> <sp:Label text="Overview area"></sp:Label> >>>>>>> >>>>>>> </sp:Container> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> </sp:Group> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> I changed the parent component from flex container to group. Though >>>>>>> that had nothing to do with the issue I was having. >>>>>>> >>>>>>> >>>>>>> >>>>>>> My current question >>>>>>> >>>>>>> >>>>>>> >>>>>>> is Array data type the only collection class that is supported in >>>>>>> spectrum ? >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> On Tue, Jan 11, 2022 at 6:30 PM Roman Isitua <romanisi...@gmail.com >>>>>>> <mailto:romanisi...@gmail.com>> wrote: >>>>>>> >>>>>>> Hi, >>>>>>> >>>>>>> >>>>>>> >>>>>>> I am trying to populate my first List <sp:List> for some reason it is >>>>>>> not being populated. Here is my code snippet. >>>>>>> >>>>>>> >>>>>>> >>>>>>> <sp:beads> >>>>>>> >>>>>>> <js:ContainerDataBinding /> >>>>>>> >>>>>>> </sp:beads> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> <sp:FlexContainer className="home_side_area" wrap="false"> >>>>>>> >>>>>>> <sp:Icon> </sp:Icon> >>>>>>> >>>>>>> <sp:Button text="Add New" flavor="cta"></sp:Button> >>>>>>> >>>>>>> <sp:List id="navLinks" className="home_side_nav" >>>>>>> dataProvider="{newMenuItemList}" >>>>>>> >>>>>>> labelField="description" change="onSelectMenu(event)"/> >>>>>>> >>>>>>> <sp:Button text="Log Out" click="logOut(event)"></sp:Button> >>>>>>> >>>>>>> <sp:beads> <js:ContainerDataBinding /> </sp:beads> >>>>>>> >>>>>>> </sp:FlexContainer> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> I have the following questions >>>>>>> >>>>>>> 1. what is the expected data provider ? Array, or >>>>>>> org.apache.royale.collections.ArrayList ? >>>>>>> >>>>>>> I have tried both none of them works. >>>>>>> >>>>>>> >>>>>>> >>>>>>> 2. Did I register data binding correctly ? >>>>>>> >>>>>>> The above ui is wrapped by a FlexContainer. >>>>>>> >>>>>>> >>>>>>> >>>>>>> my data source is supposed to be an arrayList of data transfer objects >>>>>>> (MenuItemDTO) with get set functions for each field. >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> On Sat, Jan 8, 2022 at 5:47 PM Harbs <harbs.li...@gmail.com >>>>>>> <mailto:harbs.li...@gmail.com>> wrote: >>>>>>> >>>>>>> Use a <sp:PasswordField> >>>>>>> >>>>>>> > On Jan 8, 2022, at 4:34 PM, Roman Isitua <romanisi...@gmail.com >>>>>>> > <mailto:romanisi...@gmail.com>> wrote: >>>>>>> > >>>>>>> > Hi Harbs, >>>>>>> > >>>>>>> > I am trying to create a login form. How do I hide the password in >>>>>>> > >>>>>>> > <sp:TextField placeholder="Enter password"/> >>>>>>> > >>>>>>> > could it be that it does not support password hiding ? Do I have to >>>>>>> > resort to using royale basic text field ? >>>>>>> >>>>>> >>>>> >>>> >>> >> >