> 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]> 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 ? >>>> >>> >> >
