Flex - Get A Collection Of UIComponents Based On A Stylename In Adobe Flex?
Nov 4, 2009
Does anyone know an Actionscript equivalent of the javascript getElementsByClassName.
What I would like to do is add a custom 'stylename' to various components which I can then use to get a collection of these objects and therefore process their visibility property.
The idea is I want to hide various components based on what roles a logged in user has - I just want to make this flexible by adding an array of rolenames to a custom property or use the stylename property on a Canvas or Panel etc.
I'm using a CSS file to style my flex application. can I use components IDs to change their style from the CSS file? Or I should add the styleName attribute for each element?
I'm having a flickering issue with a text control. Here's the context: I have a title which is represented by a Text control (no Label cause it needs to be able to be displayed in several lines). When the user rolls over the title, the text has to be underlined. What I have done: I've set listeners to the title's rollover and rollout events to something like this:
I create some elements( UIComponents, mainly Panels) inside the "mx:Application name=tst . I need to cleanup all those UIComponent's on MouseClick event , using Actionscript. Is there any way I access the children elements of mx:Application ( I used var totalChildren:Number = this['tst'].numChildren ; but looks like it fails to access the children list).
I'm currently coding a Floorplan editor with Flex 4.I have a Floorplan Grid that extends the spark Group class. This Floorplan Grid will contain objects that extend the UIComponent class. I want the user to be able to select multiple objects on the Floorplan and be able for moving and resizing.
I'm just wondering if it's possible to have multiple objects being "focused" using the FocusManager, kind of like selecting multiple objects in Photoshop /Illustrator.
If my understanding of Flex is correct, skins in Flex are just DisplayObjects that are added as children to UIComponents to create the visual representation of the object. But if my understanding of the Flash event model is correct, if there is a non-transparent DisplayObject on top of another, mouse events will go to the topmost DisplayObject. The overlapped DisplayObject won't receive any mouse input.
So how is it that skinned Flex UIComponents work at all?
I have a canvas called Host with many UIComponents as children, sometimes up to 1000 or 3000 items. This is fine for now, as they are not interactive. But, I have added a 'marker line' (a 1 pixel wide UI Component with a colored background) to the canvas which follows the mouse movement. When this UIComponent is added to the Host canvas and moves, everything slow down to a crawl i.e. takes ages for the UIComponent to move.
i am working with actionscript flex and using UIcomponents i need all the valid arguments for this function for example component.setStyle("borderColor","white");
i need all valid strings for first string parameter and 2nd valid argument for there value setting,
i have some of them that are given below but i need all possible values for this function
I want to display checkbox or button at the same position based on user role. How can I do this. I cannot give x and y position same for both radio button and button as I will not know the location in my application. Is there any other way by which I can display only one component based on boolean value.
LinkeSetFx has its own CollectionEvent, but I don't know how to map the LinkedSetFx event to mx.events.collectionEvent(I want use it in ComboBox). LinkedSetFx is in AS3Commons-collection framework.Here is the url, choose the as3commons-collections-1.0.0.zip, you'll find LinkedSetFx in srcorgas3commonscollectionsfx
Multiple axis creation via MXML works fine: http:[url]...
But when I'm trying dynamically create horizontal and vertical axis then I'm getting extra axes. I believe this is Adobe bug. How I can fix this behavior?
I have an array, crewPositionsAC that contains a list of position abreviatations - EP, PR, DR, WR, and so on. These positions are read in through an XML file each time my flex application loads. Also being populated from an XML is a project. Within a project, there are positions (a student assigned to a type of position listed within crewPositionsAC). These positions are not necessarily in the correct hierarchy order dictated by crewPositionsAC. I have all the positions within an ArrayCollection (positionsAC) with the following structure:
Then, the user can click a button to add another position. When the "Add Crew Member" button is pressed, the user is presented with a list of possible positions to add. Currently, I simply add another array to positionsAC. This results in the recently added crew member to placed on the bottom of the list. I need to take positionsAC and reorder it based on it's [2] item (role) based on the hierarchy defined in the crewPositionsAC. crewPositionsAC has the following structure:
crewPositionsAC: [0] = EP [1] = PR [2] = DR [3] = WR
* continue until all possible position types are listed
When I get a collection back from the service tier, I create an ArrayCollection and apply a sort. When I add an item to the collection later on, the sort is still in place? It seems to be the case. I thought I was only sorting it once, not applying a sort that will stick??Here is the method for adding an item:
private function onAddNewClick():void { var fileTemplate:FileTemplateDetailDTO = new FileTemplateDetailDTO();
In my flex application im using two datagridfirst datgrid is for items collectionssecond is for bank details.if i click one row in first datagrid (which has the items collections)...a unique code is taken from the grid(which is primary key).then, i have to select two or more banks using itemrenderer checkboxes in second datagrid(which has the bank details)ow, have to bind the bank details(one or more banks) with that one primary key in first datagrid. to an single array collection... and have to show it in another new datagrid(thirdone)
I'm trying to setup a DataGrid that contains a column of combo boxes. The values of the combo boxes are defined by data specific to that row. I cannot get this to work though, I'm asking for a solution to this, either fixing what I have below or a recommendation on a different way.One of the columns of my DataGrid has an object derived from a ComboBox for an ItemEditor. The itemEditor is set like this:
I have a collection in Flex and I have sorted it by a date field, so the latest elements appear first in my view.
In order to do this I have applied a sort field like so:
var articleSort:Sort = new Sort(); articleSort.fields = [ new SortField('published', false, true), new SortField('id', true, true)]; articles.sort = articleSort; articles.refresh();
Now I want to be able to use a cursor to findFirst() in that collection based on the id. However in order to do that I have to also pass through the published date in the findFirst() method. This is a real pain as I don't have the published date at that time, (or it's expensive to get).
As you can see I am having to get it from the modelLocator in my application, and basically look up the item...
Ideally I would like to pass a wildcard though for the date in the FindFirst() function, as the id is the only thing I care about when searching. However it seems it Flex I can't do that.
The other option that occurred to me is to resort the collection before searching, but that would cause my view to re-render (as it's bound to the collection) on the collections refresh event. Plus it seems rather silly to have to resort in order to search.
For example in Java you can do:List<Person> where Person is the object type.In AS3/FlexArrayCollection which takes any object type. Is there any way to create a list/collection of declared objects in AS3/Flex (or is it impossible due to weakly typed language)?
I am building an offline [URL] application in Adobe Flex. Can we use [URL] Rich Text Area fields in the offline application? I do not see the field returned in a query.
I am using an component, and currently have a dataProvider working that is anArrayCollection (have a separate question about how to make this an XML file... but I digress).Variable declaration looks like this:
[Bindable] private var _dpImageList : ArrayCollection = new ArrayCollection([ {"location" : "path/to/image1.jpg"},
Im trying to populate a tree control with an external xml file brought in via arraycollection but i need to group the xml data to display in the tree Okay my external xml file is called parts.xml and it looks like this:
[Code]...
additionally what i intend is for the user to have huge tree of parts and they select a node at the partnumber level and drag an drop it on to a datagrid where all the other tags of the part gets displayed.
Ive tried and tried many things without any luck. even now im thinking maybe if i looped through the array-collection and created a new array just for the tree to get it to display the way i need it, then when the user dragged and drop a part onto the grid i would have code that would look for that part number in the original arraycollection and add it to a new array just for the datagrid... i still dont know how i would create that new array for the tree!! cause the xml data is grouped by partgroup and then grouped again by parttype before you get the individual part numbers
I have an array collection that I would like to limit to say 100 items. I tried setting up a filter function where the return was:return (myAC.getItemIndex(item) > 100);but the value was always -1. For whatever reason it couldn't find the item, even though the item is definitely there.I'm able to do this with a while loop:while(myAC.length > 100) myAC.removeItemAt(100);
I have two xml files, defect. xml and employee.xml. But the files havea common field but with different names in each file. I want both the files to be merged in to a single array collection.
The structure of my defect.xml file is:
<defectList> <defect> <revId>123</revId>
[Code]....
Now, if I give datafield as "employeeId" in the datagrid with defectList as dataprovider, I get the employee id of the corresponding Employee Name.
May I know what is the proper way to keep track of display objects created and hence allow me to remove it efficiently later, for garbage collection. For example:
for(i=0; i<100; i++){ var dobj = new myClass(); //a sprite addChild(dobj);
