Putting MovieClips in a Datagrid

Hey all,
I have seen pretty limited examples of using the
cellRenderer to create custom cells in datagrids. Adobe has a
couple examples of adding checkboxes and drop down lists, but I
really want to drop a graphic in my datagrid. Has anyone out there
had any success with this, or know of any resources where I could
pull some info. I am usually pretty good at taking a demo and
making it do what I want, but I just can't seem to do it. I think
what is tripping me up is that the example from Adobe uses a
"CreateObject" to make the new item in the list and I just want to
attach a clip from the library. Oh well, let me know any thoughts,
as I would really appreciate it...

"nickname118" <[email protected]> wrote in
message
news:gh6k5p$m8o$[email protected]..
> OK, I have two dataproviders for the inner grids. Just
two array
> collections, I
> don't need to go into what the data is. Let's say they
are just strings or
> numbers for now.
>
> var dataprovider1:ArrayCollection = new ArrayCollection(
> [{ data: 1, data2: 2, etc..}]);
> var dataprovider2:ArrayCollection = new ArrayCollection(
> [{ data: 3, data2: 4, etc..}]);
>
> var grid1:DataGrid = new DataGrid();
> grid1.dataProvider = dataprovider1;
>
> var grid2:DataGrid = new DataGrid();
> grid2.dataProvider = dataprovider2;
>
>
> var outerDataProvider:ArrayCollection = new
ArrayCollection(
> [{grid1: grid1, grid2:grid2}]);
>
> var outterGrid:DataGrid = new DataGrid();
> outterGrid.dataProvider = outerDataProvider;
>
>
> I'm not sure what you mean by "information at that level
of the structure
> to
> feed them". I have assigned the data providers, and they
have data in
> them...
> So what do you mean?
Typically, an itemrenderer is, well, rendering an item. So if
you have a
need for a datagrid as an itemRenderer, that item should
contain data that
could serve as a dataProvider itself. This would be the case
if, for
instance, you had a nested ArrayCollection
(HierarchicalData), or if you had
hierarchical XML.
> I left out the code, but for the collumns I reference
the appropriate
> names
> from each arraycollection in the dataproviders.
That doesn't even make any sense. To make thiswork, you're
almost certainly
going to have to make a custom itemRenderer. I don't think
there's any way
to specify a dataProvider for something _inside_ an
itemRenderer from the
column definition.
> And for the outterGrid I assign
> an itemrenderer of type DataGrid. I do this specifically
with a
> ClassFactory,
> because the itemrenderer field is an IFactory object.
I understand all the words you used, but they don't come
together into any
sort of sensible whole.

Similar Messages

How can i access a mysql table without putting the data in a datagrid

I developed my air app with a datagrid which uses a php service to display all data from a table of strings in MySql.
I now do not need the datagrid, how can i get the data from my database without putting it into a dataGrid? Do i need an array? how do i do this? anyone got any example code?

Balakrishnan V wrote:
var resultArrayCollection:ArrayCollection=new ArrayCollection()
protected function resultHandler(event:ResultEvent)
result=event.result as ArrayCollection
You can use the result array collection now inside your program for any further changes / manipulations.
Hope this helps; If you have further doubts, do ask...
Balakrishnan V
Hi, yeah this helps,
however, how would i generate a result handler for a service that has not been called yet? Sorry my knowledge of services is very limited.
This is a php service, get_all service that returns all the rows from a mysql table.
I can see the service box with the service i want to use:
but how do i pass that to a result handler?

Putting multiple items into a single column in a datagrid

Okay,
So I can put information into a datagrid, I can select a row
and make sure that it populates that row. I can even make it hit
that specific row and column.
How do I got about having several different buttons all
writing in the same column? And perhaps even ordering it? i.e. The
column would look like this: buttonOneInput, buttonTwoInput,
buttonThreeInput etc etc
I'd also like to sort the way this information goes in (just
being able to sort by alpha right now would be fine, but better yet
if I could sort it so button one always was in the front, button
two always in the middle, button three always in the end)
The end application of this is that I need to populate a
datagrid with several different button groups, there are 5 groups,
each group contains about 10 buttons. The groups need to appear in
a specific order in the datagrid, and I need to be able to add as
many button's information to the grid as possible.
After this stuff all goes in, I need to get it back out too.
I think I'll be able to figure that part out.
Now, I know this is a lot of stuff. I don't even know if it's
possible, but it seems like it should be, I've been trying to
figure it out all day to no avail.
Any tips / suggestions / code snippets / links to tutorials
would be helpful.
Thanks.

Well, specifically. They're binded data (swfs) I need the
ability to add as many of these as possible to a datagrid. I'll be
extracting them and using them in a list.
So to break it down, I've got a bunch of different strings I
need to add to a datagrid item. I need to add these in the proper
order. I then need to pop them back out to a list (I know how to do
this part).
Basically what I'm going on right now, is I'm calling a
flashfile.source from a selected item. Then I'm adding it into a
datagrid, I just need to know how to add it in without destroying
the current items.
Would something work where I'd ask for the current data
datagrid.selectedItem.column and then also add the new data work?
Thanks for your help miaomm, I'd really appreciate some code
showing this .

Right click on datagrid question

Hi guys
I'm trying to get the columnIndex on a right click on a datagrid, so that I can use it when I select an item from my custom contextMenu.
Currently...
data_grid.addEventListener(ListEvent.ITEM_ROLL_OVER, dataGridRollOver);
private function dataGridRollOver(event:ListEvent):void    { lastRollOverRow = event.index; lastRollOverColumn = event.columnIndex; }
Then in my contextMenu function, I use lastRollOverRow and lastRollOverColumn
It works fine if I right click, select a contextMenu option, then choose another row and repeat etc...
However, say I right click, decide I've clicked on the wrong column, don't choose anything from the contextMenu, and then my next action is to right click on the correct column - the above event listener doesn't fire again (I presume because the contextMenu has focus), so my vars don't get updated.
Is there a way to give focus back to the DG on a consecutive right click before re-displaying the contextMenu?
I notice I don't need to set up an event listener to catch the right click for the datagrid's contextMenu. Is there something I can change so I can do something first before the contextMenu pops up?
Cheers for your help.

I'm a little confused mate. I thought that was what I already had set up (I forgot to mention that when the datagrid's RIGHT_CLICK function is triggered, I make sure the menu appears a few pixels left and up so that the mouse is over it), but are you saying that during creation, I need to apply a one-off event listener to the grid to initialize things as well as the one I already have that is listening to see if the user rolls off the entire grid: rightClickMENU.addEventListener(MouseEvent.MOUSE_OUT, rightClickMenuRollOff); ?
Re-reading my post, maybe I was a bit tired writing it!!! Let me explain a little more clearly:
- mainClass (where my datagrid is) calls and creates new instance of rightClickMENU, then calls a function to do this:
addChild(rightClickMENU);
rightClickMENU.visible = false;
rightClickMENU.addEventListener(MouseEvent.MOUSE_OUT, rightClickMenuRollOff);
(rightClickMENU class creates a container movieclip, then a bunch of rollover buttons, and addChilds each button to it's container - so the container is in the rightClickMENU class)
- in mainClass, put this listener on datagrid: rightClickMENU.addEventListener(MouseEvent.MOUSE_OUT, rightClickMenuRollOff);
- in mainClass, my roll on /roll off functions do this:
private function showRightClickMenu(event:MouseEvent):void
            var X = event.localX * 4.3015;//default DG width is 272. So set up correct right click position ratio 1170/272 = 4.3015.
            var Y = event.localY * 2.2513;//default DG height is 191
            //with my datagrid pos offset, the coords below end up showing the menu with the mouse about three pixels in from the top corner:
            rightClickMENU.x = X+13; rightClickMENU.y = Y+75;
            rightClickMENU.visible = true;
private function rightClickMenuRollOff(event:MouseEvent):void //menu roll out
            rightClickMENU.visible = false;
Can you please explain a little more what you mean in your post?

Changing the text in each dataGrid row to a different color

Okay I am going to try and be as clear as possible with this,
so bare with me.
What I am trying to do is make it so that when my
arraycollection objects that I have retrieved from a web service
are loaded in (by using the "dataProvider" attribute) my dataGrid
that some sort of code will take place changing the color of each
line of text (all the objects stored in the array collection are
string types) and display each rows text in a different color.
Now after looking into it, it seems the only way to alter the
color of the text is to use some sort of style or format but it
seems it only effects text in a "textArea, textField, textInput"
etc... SOOO I figured why not create a itemRenderer that contains
one of those and put it into the dataGrid... Which I did and still
can't figure out a way to make it so you can dynamically alter the
color based on a set of rbg values stored in a array the same size
as the rowCount of the datagrid.
so I am rather stumpped in what to do.. I DON'T want to
change the background color of each row, so alternatingItemColor is
out of the question, I just want the text displayed in each row to
be a different color.... And I want all this color changing to
happen either before the data is inputted into the dataGrid
(manipulating the arraycollection some how..) or when its all
already in there, it all needs to happen in code no user
interaction.
I was thinking perhaps maybe I could create a item Renderer
object that contains the compenent (the textArea in it) and just
make a array of item Renderer objects and pass those into the
dataGrid, but I don't think that is possible.
ANY IDEAS AT ALL!! On how to change the color of the text in
each row of the datagrid to a different color would be a HUGE,
HUGE!!! help. Or any info on how to setup a datagrid listener that
listens for when a object (a row) from the arraycollection is added
to the datagrid... Perhaps I could use that info some how to my
advantage.
email me, if you like I don't care I just need a answer to
this its driving me crazy! I can change the background row color
based on a array of rgb values but I can't change the color of the
item in that row based on array of rgb values, ARG!
[email protected]
thanx in advanced.

<mx:itemRenderer>
<mx:Component>
<mx:Label color = "red" />
</mx:Component>
</mx:itemRenderer>
want to make it so I can change the color of the label on the
dynamically by calling some sort of method I have created.. is that
possible? if so coudl you please give a example, thanx!

How to swap movieclip with other content, in a movieclip loaded external

Hi! I'm getting desperated.
I started about 3 days ago trying to solve this problem,
maybe i'm very noob!
I have a main movie. Inside this, i load various externals
swf's. One swf for a menu, another for a image presentation, etc.
In the menu, i load various instances of another swf file...
a button swf, and witch one has to have a different image as
button.
So inside the button, i have a layer with a button, but no
shape or nothing, and in another layer, i have a movieclip to can
swap by an image.
So, the struct is like this:
Main Movie
. image_presentation
. contact
. menu
. . button1
. . . button
. . . image
. . button2
. . . button
. . . image
. . button3
. . . button
. . . image
. . button4
. . . button
. . . image
So, button is only a swf file, with various instances.
"button" inside the buttons, make the button efect, with a white
border apearing on mouse over button. "image" is a movieclip
created only for change with an image (button 1 = image 1, button 2
= image 2, etc).
How can i do this, controlling the images url's from the main
movie?? I had tried a lot of ways, but i could do it.
Please help.
Thanks.

sorry there but this system seems convoluted and unecessary.
You should be able to achieve nearly any 'effect' using either a
single button instance, or a movieclip instance used as a button,
but should not need multiple instances to do so, or multiple swf
files Each button symbol has three 'states' that you can apply
different 'images' to to achieve an 'effect'. You can even put
movieclips in a button state to animate something during the
triggering of that state. It seems that you should be able to at
least place all of the buttons within the 'menu' in a single swf
(not to mention that they could all be within the main swf) instead
of 'loading' them as individual swf files.
What is it that you're trying to control? the 'images'? what
do you want them to do, and how are you wanting them to be
controled?

Array of objects into dataset and then to datagrid

I have discovered amfphp (
http://amfphp.org). It's a really
cool way to move complex data objects from php to flash and back.
quote:
So I am successfully creating an array of items from my
database...an item that would otherwise be created like this:
items = array();
item[0] = new Object();
item[0].id = 7;
item[0].name= "Item 1";
item[0].styleNumber = "001";
item[1] = new Object();
etc.
I put DataSet and DataGrid objects on my stage called
productDataSet and productDataGrid, respectively, and tried this:
quote:
this.productDataSet.items = re.result;
trace('dataSet length:' + this.productDataSet.getLength());
this.productDataGrid.dataProvider =
this.productDataSet.dataProvider;
the trace appears to work correctly--several hundred
items--and the dataGrid shows my object property names (albeit in
reverse order) and the DataGrid appears to have several hundred
items in it but there is NO DATA THERE. All the list items are
blank.
I've had a bit of luck working with the component inspector
creating bindings and stuff but I'm hampered by my incomplete
understanding of how it works. All the tutorials I've found
instruct me to import an XML sample to create a schema. Since I
have no XML i cannot one.
I want to do just a couple of things:
1) put my data in the DataSet properly, ideally in one fell
swoop--i *think* i've done this correctly above
2) attach the DataGrid to the DataSet so that when i sort or
filter the data set, the datagrid shows the results and when i
select an item in the DataGrid, the DataSet knows that is the
currently selected item.
3) hide the 'id' field in the data grid and display
user-friendly names for the columns: "Style Number" rather than
"styleNumber".
Any help would be much appreciated. I *think* this is all
about understanding schemas but I don't really know.

That *is* a very interesting article. Unfortunately, it
doesn't mention anything about DataSets. I haven't had any trouble
getting my data into my flash application. I've also been able to
put it into a DataGrid pretty easily (although not quite as
elegantly as that example did).
The problem is that I'm having issues when I introduce a
DataSet for filtering. I can't get the data from the DataSet into
the DataGrid like I want it. I haven't been able to hide the 'id'
column of my data and the column names unfortunately are *exactly*
what the Object property names are. I was hoping to put
user-friendly column headers on their like 'Product Name' rather
than 'name' or 'Style Number' rather than 'styleNumber'.
Also, the concept of a schema is still somewhat beyond me. I
tried changing the schema for my productDataSet to this and I got
the data to display. I added 'name, 'styleNumber', and 'id'
quote:
<-->dataProvider : Array
<-->deltaPacket : DeltaPacket
<-->items : Array
<-->selectedIndex: Number
<-->name : String
<-->styleNumber: String
<-->id : Integer
I have tried radically different shemas (schemae?) that seem
to also get the data in there but I don't really understand what
i'm doing here and I feel like I'm asking for trouble not knowing
how this stuff really works.
And, like I said before, i want to hide certain information
that's in the DataSet so that it doesn't get displayed. I'd also
like to Have some user-friendly names rather than the actual
field/property identifiers.

Mask multiple movieclips from single movieclip

Hi i am trying to mask 3 thumbnails from 1 movieclips
mc.samsungchamp.mask=mc.msk
mc.samsungduos.mask=mc.msk
mc.samsungace.mask=mc.msk
but these thumbs are is not showing masked.

Is this not possible to mask all movieclips through one movieclip, without putting movieclips into single movieclip.??

ItemRenderer List in Datagrid

Hello to all..
does anyone know how to do put a list inside datagrid?
example i have this datagrid.
[name]     [time]    [date]
John      12:33:00   Aug.1, 2010 | Aug 2, 2010 | ... ...
what i want is..
the date column will be in list style
                         [date]
                         Aug.1 2010
                         Aug. 2 2010
                        and so on,.
anyone knows how to do it?

try to do it using advanced datagrid
http://livedocs.adobe.com/flex/3/html/help.html?content=advdatagrid_10.html

DataGrid and DataSet

Does anyone know how to bind a dataSet to a dataGrid in
Director?
In Flash it's easy since you simply set the binding tab on
the Components inspector to the DataSet... but if I import these
flash components to Director there is no way other than using Lingo
(or script) to bind these two together. Any ideas?

That *is* a very interesting article. Unfortunately, it
doesn't mention anything about DataSets. I haven't had any trouble
getting my data into my flash application. I've also been able to
put it into a DataGrid pretty easily (although not quite as
elegantly as that example did).
The problem is that I'm having issues when I introduce a
DataSet for filtering. I can't get the data from the DataSet into
the DataGrid like I want it. I haven't been able to hide the 'id'
column of my data and the column names unfortunately are *exactly*
what the Object property names are. I was hoping to put
user-friendly column headers on their like 'Product Name' rather
than 'name' or 'Style Number' rather than 'styleNumber'.
Also, the concept of a schema is still somewhat beyond me. I
tried changing the schema for my productDataSet to this and I got
the data to display. I added 'name, 'styleNumber', and 'id'
quote:
<-->dataProvider : Array
<-->deltaPacket : DeltaPacket
<-->items : Array
<-->selectedIndex: Number
<-->name : String
<-->styleNumber: String
<-->id : Integer
I have tried radically different shemas (schemae?) that seem
to also get the data in there but I don't really understand what
i'm doing here and I feel like I'm asking for trouble not knowing
how this stuff really works.
And, like I said before, i want to hide certain information
that's in the DataSet so that it doesn't get displayed. I'd also
like to Have some user-friendly names rather than the actual
field/property identifiers.

Using xml with datagrid - problem with element attributes ...

Hi,
When i try to set the datafield in a DataGridColumn to an
attribute, ex.: @isPermaLink - the value is not printet in the
datagrid?
My code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="feedRequest.send()" layout="absolute"
backgroundGradientColors="[#808080, #c0c0c0]">
<mx:HTTPService id="feedRequest" url="
http://kristianthrane.dk/feed"
useProxy="false" />
<mx:Panel x="10" y="10" width="475"
title="{feedRequest.lastResult.rss.channel.title}" id="panel1"
height="531">
<mx:DataGrid id="dgPosts" x="20" y="20" width="100%"
dataProvider="{feedRequest.lastResult.rss.channel.item.guid}"
height="100%">
<mx:columns>
<mx:DataGridColumn headerText="Lande"
dataField="@isPermaLink" />
</mx:columns>
</mx:DataGrid>
</mx:Panel>
</mx:Application>
I hope someone has a tip ....
Best regards,
Kristian Thrane

Hi Kristian,
I'm with some problems, a bit alike yours, but from what I've seen, I would recomend you to see type errors...does the atribute "isPermaLink" inside the "guid" tag, or "title" tag?
My problem is the opposite of what you have... I can place tag attributes in a datagrid, but I can't put in the same Datagrid the tag value. But I have no choice since the feed comes from a public webservice.
My feed is:
<search ver="3.0">
<loc id="BRXX1094" type="1">Aveiro, Brazil</loc>
<loc id="POXX0006" type="1">Aveiro, Portugal</loc>
</search>
<mx:DataGrid x="10" y="53" width="365" id="dgLocation" dataProvider="{wSearch.lastResult.loc}" itemClick="callService(event);">
<mx:columns>
<mx:DataGridColumn headerText="Localidade" dataField="loc"/> //This doesn't work
<mx:DataGridColumn headerText="Referência" dataField="@id"/> //This does
</mx:columns>
</mx:DataGrid>
Hope it give you any ideas.
Beste regards
Leonel

Difference between addChild and internal movieclip

Hi all,
What is the difference bettween addChild and the movieclip which is in the movieclip.
we can get those instance from getChildAt() but
as per the internal movieclip we can get instance from "mc.mcInternal".
But when i addChild in "mc" we unable to get that instance from this method "mc.mcInternal".
what is the diffecenct between addChild and internal movieclip.
Thanks in Advance
flashgeeks.

When you create child movieclips inside a parent movieclip, Flash Pro automatically declares member variables for them, so you can access them by "mc.mcInternal". If you add child to a movieclip at runtime, member variables are no longer declared automatically.
You either declare member variable yourself (public var myMc:MovieClip;) or you can always access it by myParentMc.getChildByName("myChildMcName");
Otherwise, there's no difference between the two. Only one more thing to keep in mind: If you put movieclip into another movieclip, you control its z-orderby its layer. When you add child by addChild() method, children are put into "depths", not layers anymore. The lowest depth is just above the highest layer. If you want to addChild() to a specific layer, you have to create an empty movieClip (a holder) in Flash Pro, put it in desired layer and then call myHolder.addChild(childMc).

How to map String[][] into DataGrid

Hi;
This is probably a dummy question.
I will get a String[][] by calling one of my RemoteObject's method. Now I want to put it into a DataGrid.
The String[][] looks like something like this:
[[Admin2, User], [Utility, Application], [Admin1, User]].
here is my datagrid
<mx:DataGrid width="100%" height="100%" id="datagrid">
<mx:columns>
<mx:DataGridColumn headerText="Name"/>
<mx:DataGridColumn headerText="Type"/>
</mx:columns>
</mx:DataGrid>
I tried
datagrid.dataProvider = event.result;
It does not work.
Any idea? Thanks!!!!

tried labelFunciton, not work.
Here are all the related codes:
public function nameLabelFunction(data:Object, column:Object = null):String
return data[0];
<mx:DataGrid width="100%" height="100%" id="datagrid">
<mx:columns>
<mx:DataGridColumn headerText="Extent Name" labelFunction="nameLabelFunction"/>
<mx:DataGridColumn headerText="Extent Type" />
</mx:columns>
</mx:DataGrid>
protected function resultHandler(event:ResultEvent):void
datagrid.dataProvider = event.result as ArrayCollection;

Please help with exporting as .GIF (CS5)

I made some movie symbols out of sprites (inserting a new frame for each key)
then dragged each of the symbols into the scene 1, and when I press ctrl+enter it looks how I want it to look, but if i try to publish it as gif, or export it as gif, it just shows the first frame and is really bad quality. My publish settings are all correct and I even tried to export it as a quicktime .mov then importing it to photoshop to save for web (gif) but even then it just showed the first frame.
Any ideas? I've been stressing about this for days.

again, putting movieclip symbols on the main timeline will display the first frame of the movieclip in your animated gif. you won't see the movieclip's other frames. ie, the movieclip won't appear to animate.
you may be able to place an animated graphic on the main timeline, publish your gif and you may see your graphic's animation. try it and see.
otherwise, all your tweens/animations will need to be on the main timeline with no nested animations.

Link button in data grid

hi
Can anyone tell me why the click action is not working when
the link button is placed in datagrid.
<mx:DataGridColumn dataField="edit" headerText="">
<mx:itemRenderer>
<mx:Component>
<mx:LinkButton label="edit" click = "click1();">
</mx:LinkButton>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
even if button is placed in the datagrid it is not working.

When you use the <mx:Component> tag you create a new
scope. Its as if all of the content of the <mx:Component>
were in another file. If you used a separate file for your renderer
you wouldn't expect click() function to be recognized, right?
You can modify your renderer like this to make it work:
<mx:LinkButton label="edit" click =
"outerDocument.click1();">
Another option is to take advantage of the bubbling feature
of the click event. Instead of putting the click handler on the
LinkButton, put it on the DataGrid itself. Any click on the
DataGrid will then trigger the event handler.
The drawback to that is that EVERY click will call the event
handler - either the LinkButton's click on a click on the header.
Your event handler just has to examine the event data to determine
what control originated the event.
In this case, using outerDocument.click() is far easier, but
you might need the bubbling property of the event at some point in
the future.

Putting MovieClips in a Datagrid

Similar Messages

Maybe you are looking for