Do you get an error of some kind?
> On Jan 12, 2022, at 4:29 PM, Roman Isitua <[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 ?
>>>>>
>>>>
>>>
>>
>
