Actionscript 3 :: Flex - Implement Sortable List Of Object?
Jul 25, 2010
I have list of object that I want each item to be rendered with some renderer that include a delete and edit buttons with some text. What is the best way to make the list of object re-order-able in drag/drop fashion so the user can drag on item on top of another to change the order of the list.
I have a sortable list generated from xml. I'd like the user to be able to click on each of the items in the list and gotoandStop at a certain frame of the movie clip. Can this be done and how would I set that up in my actionscript and xml? I've tried a couple things and I am having a problem because of the sorting.
I'm new to Flex/ActionScript (.NET/Java has been my main playground so far).I'm trying to build a Flex app that has a list that is meant to look and behave like an infinite list (of items - which can be any object). The idea is that the user should be able to scroll up or down and never reach the end of the list in either direction.
An example would be a list of numbers. Scrolling up will show negative numbers; scrolling down will show positive ones. Now, my list is a simple Flex Spark list (using Flex Hero).It is bound to a data provider that is an ArrayList.My initial idea was to listen to the scroll event and add/remove items as needed. However, in the current build of Flex Hero, there is a bug that doesn't raise scroll events for vertical scrollbars sometimes (http:url].....).So, I'm using the workaround suggested in the link above (i.e listening to the propertyChanged event of the list's scroller's viewport. The event though only gives me the current verticalScrollPosition. And it looks like the default spark list supports smooth scrolling and raises the event many times before the list scrolling comes to a standstill (it is a nice visual effect).Now, I need to :
Figure out whether it is scrolling up or down (how do I do that?)
Figure out which items are visible. I can get this from:
list.dataGroup.getItemIndicesInView()
Add/remove items as needed, so that the user can scroll up and down forever, never reaching the end of the list in either direction.
I've tried the following code but it doesn't work. (comments in code).
If anyone has a framebuffer implementation, could you please share some performance benchmarks? Or at least tell me how much difference are there in your point of view. I need to make a flash game which has almost 1K 50x50 bitmaps moving on screen(more than 10K display object in display list), and want to know if flash can support it well on a normal PC with at least 30FPS.
I'd like to put a TreeGrid in my application so that the columns can be sorted. If you refer to this sample application, you'll notice that if you
Open a branch node Sort by one of the columns Close that branch node
then the TreeGrid starts to get out of wack and duplicate columns start appearing and other columns start disappearing. What I would like is to have the columns sorted only by the outermost nodes.
One attempt I had was to run treeGrid.closeAllItems() before the sort occurred. However, this does not work, because a Sort Column event gets dispatched while closeAllItems is running, so the list gets messed up and listOutOfBounds exceptions get thrown.
You can hook into the creation of Flex 4 item renderers easily enough (through itemRenderer, or itemRendererFunction) allowing you to pull renderers from a custom object pool, but how would you put those renderers back into the pool?
I understand that layout virtualization does a form of object pooling, but I'd like a way to hook in to that. For example, when an itemRendererFunction has been assigned to a data group with a virtualized layout, item renderer construction is indeed deferred, but the instances are not re-used - I'd like to be able to intervene there, if possible.
But even in the case of normal virtualized renderers (where the instances are re-cycled) it would still be useful to be able to manage the pool manually. Pools could be shared between data groups, for example, to reduce the initial buffer required to populate each group.
Is there any way to know when Flex discards an item renderer instance? I have a sinking feeling that there is just no reliable way to tell - even though perhaps there should be.
I want to have some sort of a list, which will contain movieclips (or thumbnails) ... is this possible to implement using the List component or DataGrid component?
I'm working on a dictionary using Flash components. I'm trying to implement a search field, I manage to filter word and letters, as you do on goggle. What I need is to filter from the beginning of the word as you do on a Dictionary.
I want to know if anyone has successfully printed something from Flex.
By successful I am talking about some sort of report or document or whatever.
I know its fairly simple to print a component(which is a bit cheap) from Flex by using the printJob() class and passing a component. But I want to pass an object like a list or XML to printJob().
Suppose I have a list of objects of a certain custom type and I need to find an object given only the value of one of its attributes, how do I do it?
Eg.
// Where user1 ... usern are objects of some class User users = [ user1, user2, user3 ... usern ] // How do I find out the objects that have the "foo" attribute set to "bar"
In Flex I can create an ItemRenderer to represent each item in the Lists DataProvider but how do I access the instance of the ItemRenderer via the DataProviders Object? Something like myList.getItemRenderer(dp.getItemAt(10));
i have made a list control. i want to display the name of the objects in it in a text control box
the code i am using here is
public function add(event:MouseEvent):void { var str:String; str = mylistcontrol.dataProvider.getItemAt(0).toString();
[Code]....
The problem with this code is i am using index value of 0. however i want to display the name of object on which i have clicked or which is highlighted.
By default, the iconFunction of List and Tree return only Class as the icon, which is for embeded images or iconUtility kindly provided by this site http:[url]...... It works very well with pre-created images.But what I really want is to accept a completely runtime generate sprite object, similar to what is done by Legend, with the color changes according to what the current status. I assume I could do something to make the ListBase to accept icon argument other than Class.
anyone actually successfully implement 3D object instancing with papervision 3d?and does it actually perform good enough to be used to instancing many copies of a single model (tress for example)?so far I failed to correctly display the instances and I doubt the performance benefit of doing this as papervision 3d is using software render.
I am using CS4 with AS 3.0... I want to implement both a freeware photo flash gallery and mp3 audio player that I found into my all-Flash website. Both of these require reading from an xml file to get their content. They both come with html embedding instructions, but I don't know about actionscript.
I am writing a Flex application for use on a private intranet with no external Internet access. I want to use Google's 3D Maps Flex API, but it must be connected to the internet to download map tiles on demand.
Is there a way to locally cache the 3D map tiles and data so that I can run this app without an internet connection? And if not, is there a 3D GIS that supports Flex integration and allows for a local map cache?
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 ?
The 'recommendations' dataProvider is an ArrayCollection of String, which are generally sentences about as long as this one. By setting the variableRowHeight and wordWrap properties as shown, if a sentence is too long to fit on a single line, everything works fine- the row expands and the messages show on two lines, or occasionally three.
The space allocated for this panel within the entire canvas means if the total text size of 'recommendations' exceeds six lines, I need for the entire list scroll. This is also working just fine. The trouble is when using the mouse wheel to do the scrolling- Flex scrolls both the entire list and the single item where the mouse is hovering. Often this results in only the second half of a sentence being visible. Non-programmer friends I have asked to look at this noticed this, and tell me it as a problem. If a user does not notice the dual scrolling, and sees only a fragment of a sentence, it will be perceived as an error in the application.
When a user selects a category from the first drop down box then i want the 2nd drop down to be updated based on the selection of the first drop down. I have created multiple ArrayCollections whose names are set to the "data" values of the first drop down, for instance:
[Bindable] public var countries:ArrayCollection = new ArrayCollection([ {label:"USA",data:"USA"},
I'm trying to animate a list as I delete the top row. All the examples I can find use itemsChangeEffect to bind to the effect, but this property exists only in MX lists, not spark lists.
Any idea how I can get the same effect done in Spark Lists?
I'm trying to remove the top most item in the list with a slight fade out effect before the rest of the items move up to replace the gap.
I have a function that restores all of the default settings of my application. This process can take a bit of time, so I would like to implement a "Please wait..." modal popup to let the user know that everything is alright and the program hasn't frozen. Once the function completes its task, I'd like for it to remove the message, and resume normal behavior.
I'm learning layouts in Flex. I try to make the following layout.The red arrow means when enlarge the window, the red arrow widget will become large too. Can anyone implement this layout in Flex?
The traditional way to assign an icon would be to use the icon field of the item renderer,which reads the value of "icon" property in your data, for example:
But i want the DefualtThemeLogoutIconClass to changed to another class: ightThemeLogoutIconClass when the theme is changed.The only way to do this would be to use a style declaration containing a classReference to the icon, and change its the value in each of the CSS files of the various themes.The question is, is there any way to assign this style to an icon in a List, something as easy as intuitive as list[0].getIcon().setStyle("styleName");
How to achieve Flex Localization !! In my current project other than English, I need to change the language to French/Spanish also.I am using FB 4.0 and it integrated with Java/Jsp/xml. There is lot of integration in almost all modules. Here the requirement was, i want to display a comboBox with French/Spanish options. Now based on the selection whole application language has to change ie either French/Spanish.