ActionScript 3.0 :: Displaying List From ArrayCollection
Feb 22, 2011
I would like to have a List displayed that displays data collected from the user into an ArrayCollection. I have a main DataHandling.as class that "adds" the data to the AC as an Object, but when I use trace() on the AC from another class, it does not show any values being present in the AC.
I also added some test data to make sure I was populating the AC correctly and that works just fine. I just can't seem to figure out how to add data (text specifically) to the array from another class. (The other file is .mxml)Here is my mxml code (MyCards.mxml):
ActionScript Code:
protected function myCardsList_creationCompleteHandler(event:FlexEvent):void
{
// This traces the 'cards' ArrayCollection from the other .as class
// No values are listed
I'm working on a flash cards application and am using an ArrayCollection of Objects to store each cards individual data. When the user click the 'save' button, the text from the two textAreas and the 'title' textinput are stored in the AC as one object with .title, .side1 and .side2 properties that contain the text from the flash card. I have made a List in a separate class I want to have display the title of each card the user has created, but after days of researching and looking around, I still cannot get the display to list the titles.
Part of my NewCard.mxml: <?xml version="1.0" encoding="utf-8"?> <fx:Script><![CDATA[ import flash.events.EventDispatcher; import mx.collections.ArrayCollection; import spark.effects.SlideViewTransition; [Code] .....
I have an ArrayCollection named authors with lot of texts of different size. I would like to list all info about authors in a way that each item has a size according to the text. Here is the code: <mx:List dataProvider="{authors}"> <mx:itemRenderer><mx:Component> <mx:VBox width="100%"> <mx:Text text="{data.name}"/> <mx:Text text="{data.about}" width="100%"/> </mx:VBox></mx:Component> </mx:itemRenderer></mx:List>
I have a list (LIST#1) of artists: 2Pac Adele Amerie Beyonce Jason Aldean Shakira The Trews
I also have a list (LIST#2) that has the values #,A-Z - how would I create an alphabet jump? So If a user clicked on "A" in LIST#2 that would automatically scroll to "Adele" at the top of LIST#1 - not filter so he/she could scroll up to view 2Pac or down to view The Tews if they were not in the view yet. Its a standard Flex Spark List with an ArrayCollection as the dataProvider - the artist field is called: "title" along with a unique id field that is not visible to the user.
private function alphabet_listChange(evt:IndexChangeEvent) : void { var letter:String; letter = evt.currentTarget.selectedItems[0].toString(); trace(currentDictionary[letter]); ui_lstLibraryList.ensureIndexIsVisible(currentDictionary[letter]); [Code] ......
I have an arrayCollection of objects that extend Sprite, and have bitmaps within them. I want to display these in a list (or some other component that would allow a user to scroll through them, and see their associated data.)
When I do: myList.dataProvider = myArrayCollection
the list just shows a bunch of lines of [Object, Item] instead of the visual sprites.
Here is a simplified version of my Object:
public class myUIC extends UIComponent
[Code]...
Tried many different ways to get it to show up in a List, but can't do it.
I am developing one small demo application. In that i have created one action script class named City which has two fields. cityId, cityName and i have also mapped this class with my backend java class City using tag RemoteClass. at Java side City class contains same fields as in actionscript city class.
I have a POJO which declares a collection of List<Long>.
We're currently sending an ArrayCollection of Number, and it's arriving at the client as an ArrayCollection, populated with IntegersGiven the issues with Type Erasure & generics I understand how this is happening. How do I fix it?
Unfortunately because of some internal limitations, the model cannot be changed. Ie - we can't use a subtype, and we can't implement IExternalizable.Are there other options for registering custom type converters in LCDS, other than IExternalizable? Alternatively, are there any annotations we can use that indicate the type to be used for a collection?
Objective:I would like to pass Skins to an itemRenderer (which is a Button) of a List, and be able to skin every button in that List.This is what I have:
Since my original post got moved to Components thread, but no one is responding and the majority of the people on the Forum are here, I'm gonna repost it here. I have an AS created List Component that is dynamically populated using a dataProvider populated from an XML document. When I addChild to the main timeline, everything works. When I addChild it into a MovieClip, the list shows up with the appropriate number of rows, but no text.[url]...
I have a Flash page that goes out and reads an XML file, then displays the information in it. Most of the time, it works great. However, when it comes to nested lists, it doesn't work. I am using CDATA so that I can use HTML code to display the information as intended. But Flash absolutely refuses to display a nested list correctly. For example, if I put in there <ul><li>item 1 <ul><li>subbullet 1</li><li>subbullet 2</li></ul></li></ul>, it displays everything as if I had made each of them individual list items under one master <ul></ul>.
There's got to be a way to get Flash to understand and display a nested list. It's a simple thing to do, I know it.
I have a screen which is essentially an address screen. Amongst other fields. there are two fields on the screen which are used to enter the region of the user. One is a combo box, the other is a plain text field.
After the user selects their country from a drop down list, if that country has a list of regions associated with it, a Combobox is populated and displayed, with the text field being hidden. If there are no regions associated with the country then the combobox is hidden and the text field is displayed:
I have a List, that is not showing any items until you scroll, then the items show up. Does anyone know how to fix this? I tried calling list.invalidateDisplayList(); and list.invalidateList();
EDIT: Here is some code:
<mx:Script> <![CDATA[ [Bindable][code]...........
I found that if I add creationComplete="{list.dataProvider = _xmlList }" It solves the problem.
I am trying to create a thumbnail viewer using a list component. I used list.cellRenderer to display a test image and it displays that image about 50 times vertically down the list component. how to use this component with images?
I am an inexperienced user of Flash CS4 Pro (v10.0.2). I am attempting to use the List component with ActionScript 3.0 to make a different image display when a user clicks each item in a list. I did find a tutorial that showed me how to make different text display using a dynamic text box and the following ActionScript:
[code]...
...where My List is the instance of the List component and ListText is the dynamix text box. In this case, the user clicks an item in the list, defined by the label value in the dataProvider parameter of the List component, and text displays as defined in the data value in the dataProvider parameter.
However, as I mentioned to start, what I really want to do is make images display instead of text. Can anyone provide me the steps to do this?
the embed fonts stuff in flash, it sometimes works and then again it does not. my problem I need to embed a greek font to be used with the List Component. what I did so far:
1. library-> new Font ( Named it myFont, exported it as:MyFont )
2. put a list comp on stage called it myList
3. got a xml file called index.xml encoded in UTF-8 (so it displays greek chars) that gets loaded (makes no diff if you use component inspector to insert the labels)
what it does not work. I am at a loss as to how to get this to work. I am attaching the file and the font used. (verdana arial should work too, but even they don't embed)
Mabe it has something to do with the xml encoding, but if you try to just copy the greek characters into the component inspectors lable field they are still not displayed. So I guess xml encoding is not the problem.
I seem to have is that the Autocomplete component that seems to be part of flex extras is not displaying the list of items in the dropdown list. Basically, I get a list of blank items. I know they are there and they are the right items because as soon as I click on one, I get the right text in the combobox.
Again, when I type "T" in the text box I see a dropdown list with 3 empty items. Clicking on the third item puts "Test3" in the textbox. But the items themselves are not visible.
It almost as if its a font/foreground color thing, but I've played around with some of those settings too with no success.
I have an issue with Spark Lists whereby I am trying to ensure that an item is always selected and ensure that the GUI displays this to the user.
The application (full code below) creates a List, a Label and a Button. The Label states what is selected in the List. The button removes the selected item. Changing the selection, updates the text in the Label. Important: The List has "requireSelection" set to true to ensure that an item is always selected.
If I select the first item in the List, the selection is correctly reflected in the label. Clicking "Remove" removes the item and the next item is selected. This is all working correctly.[code]...
In a kind of image browser where navigation is done through keyboard's arrow keys, I get the case where the user keeps the finger pressed on the arrow key. There, the list scroll faster and the screenshot doesn't have time to draw that the next item is already called.
I can see that in that case the CPU goes from an usual 1% when browsing "gently"..to about 20% when leaving the arrow key pressed and raging through the list of images.
I was thinking to:
1) Force the scroll rate to max out at 10 items per second
or
2) Only show pictures if key downs are > 10fps
or
3) Find a function that would wait for the last image to be drawn before continuing in the list.
So, to summarize:
- how to skip drawing pictures if the list is browsed to fast...or
- how to force the script to wait for the current image to be drawn before passing to the next item...or
Here is the script part containing the PNG loader, I've the feeling that this is the place where such a "limiter" should take place:
I'm new to Flex and am using TileList bound to an ArrayCollection. The array collection is empty at load time, and then updates with the results from am HTTPService call. The problem is that the item renderers aren't being rendered as expected, I'm guessing because there was no data when they were first rendered at load time. Here's simplified example:
I have a advanced datagrid and populating some data by using arraycollection. And i am filtering the arraycollection, the arraycollection index got changed.
i want to create a chat app using flex 4.5 mobile project for android device. For the chat screen, i wanted it to look glossy and stylish. Hence i thought i would use the list component and disable the selection in it. I m able to add the chat messages into the list. But i doubt if large chat data might hinder the performance. Im using a collection and i ve binded it with the list. Whenever i receive a chat i update the collection and it gets displayed in the list. Can someone tell me if his could pose a performance problem as list component is not intended for this purpose.
The values in the array object indicate name of group,minimum,maximum and current value for the group (to be used in progressbar).I used the list with "mx.controls.ProgressBar" as itemRenderer as
Now what I need is whenever currentValue field of Array "arr" changes i want to update the progressbar "progress" value to currentValue (where min and maximum value of progressbar are stored in Array "arr").
I'm using flex 4.1 to write an application. i read in the documents that has the rowCount property to set how many items to display. the does not have that property. how can I limit the list to display 3 items ?
I am working on an older Flash project created in CS3 ActionScript 2.0 How can I make the pointer cursor change to the hand when hover over a list item?_root.slidePanel.myList'myList' is the list. I have traced out the contents of the List MC and it has a child MC called 'content_mc'. I assumed this was the object containing all of my list items but the only members of this MC I can see (when tracing them out) are 'setRGB' and 'searchKey'.
Creating a dynamic list and associating a picture with each list item. i need the list to be scrollable, and i want the list and it's associated picture to be displayed randomly when the application is re-launched. i.e it doesnt show the same list everytime.
I also what to be able to sort the displayed list items. e.g if the list items is about restaurants, i want users to be able to sort the displayed items by either; district, cusine type and gastro type.
I have a combobox and list component on the stage. The combobox has 3 selections. How do I get it so that each selection triggers the specific xml file to load into the list component? I can't get them to communicate to each other.
