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 <[email protected]> wrote: > > I have tested it again. No errors. > > > > On Wed, Jan 12, 2022 at 3:54 PM Harbs <[email protected] > <mailto:[email protected]>> wrote: > Do you get an error of some kind? > >> On Jan 12, 2022, at 4:29 PM, Roman Isitua <[email protected] >> <mailto:[email protected]>> 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 <[email protected] >> <mailto:[email protected]>> 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 <[email protected] >>> <mailto:[email protected]>> 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 <[email protected] >>> <mailto:[email protected]>> wrote: >>> Any one of those three should work. >>> >>>> On Jan 12, 2022, at 3:09 PM, Harbs <[email protected] >>>> <mailto:[email protected]>> 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 <[email protected] >>>>> <mailto:[email protected]>> 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, <[email protected] >>>>> <mailto:[email protected]>> 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 <[email protected] >>>>>> <mailto:[email protected]>> 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, <[email protected] >>>>>> <mailto:[email protected]>> wrote: >>>>>> Hi, >>>>>> >>>>>> From what I see in the "ListModel.as" code it allows Object, IArray and >>>>>> IArrayList. >>>>>> >>>>>> >>>>>> >>>>>> Hiedra >>>>>> >>>>>> >>>>>> >>>>>> De: Roman Isitua <[email protected] <mailto:[email protected]>> >>>>>> Enviado el: martes, 11 de enero de 2022 20:40 >>>>>> Para: [email protected] <mailto:[email protected]> >>>>>> 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 <[email protected] >>>>>> <mailto:[email protected]>> 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 <[email protected] >>>>>> <mailto:[email protected]>> wrote: >>>>>> >>>>>> Use a <sp:PasswordField> >>>>>> >>>>>> > On Jan 8, 2022, at 4:34 PM, Roman Isitua <[email protected] >>>>>> > <mailto:[email protected]>> 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 ? >>>>>> >>>>> >>>> >>> >> >
