A question about drag and drop

Question

I have multiple images which can be dragged and dropped in a canvas. How can I get information about pictures into dataGrid, for instance the name and value (price) of an image? Currently my images are in array like this:
private function init():void {
currentExampleImage = imageExampleArray[imgExampleCurrentIndexNumber];
private var imgExampleCurrentIndexNumber:Number = 0;
private var imageExampleArray:Array =
"assets/image1.png",
"assets/image1.png"
and they are run with loop like this:
[Bindable] protected function get currentExampleImage():String {
    return _currentExampleImage;
protected function set currentExampleImage(value:String) : void {
    _currentExampleImage = value;
private function nextExampleImage(e:MouseEvent):void {
    if(imgExampleCurrentIndexNumber < imageExampleArray.length - 1)
    imgExampleCurrentIndexNumber++;
    currentExampleImage = imageExampleArray[imgExampleCurrentIndexNumber];
else
    imgExampleCurrentIndexNumber = 0;
    currentExampleImage = imageExampleArray[imgExampleCurrentIndexNumber];
So the question is that how can I set and get the name and the value of an image when it is dropped on a canvas and that information to be shown in a separate datagrid? Should I be using objects or classes? This is the drop function:
private function doDragDrop(event:DragEvent):void
    var img:Image;
    if (event.dragInitiator.parent == whiteBoard)
        img = event.dragInitiator as Image;    
    else
        img = new Image();
        img.source = (event.dragInitiator as Image).source;
        img.addEventListener(MouseEvent.MOUSE_DOWN, doDragStart);
        whiteBoard.addChild(img);        
           img.x = event.localX - (event.dragSource.dataForFormat("localX") as Number);
           img.y = event.localY - (event.dragSource.dataForFormat("localY") as Number)
Thanks beforehand and feel free to ask more information something is unclear.
Message was edited by: SerpentChimera

Answer 1

There's a separate empty datagrid in my application and the main intention is to make the information of each image (those dragged and dropped onto a canvas that is a designing area) being shown in the datagrid's columns Name - Quantity - Price. Those values should be obtained from each image but I'm currently unaware of the technique how the information could be added to the images.
For instance Example1.png has a price value of 150€ and when that image is moved onto a canvas, the name and price should be shown in the datagrid and thus there should be simultaneous changes in the Quantity-column when I move the same image onto a canvas many times. Those images can also be removed from the canvas area and then the quantity should decrease. Obviously that same function should work on other images we have in a menu from where the images are dragged and then moved and dropped in the canvas. If I move Example1.png four times there should be Example1 in the name column, 4 in the quantity column and 600€ in the price column and of course all of them in the same row.
Pay attention to the code I put into the first post. You may suggest better options how I can sort-of-import (couldn't invent better term) images to the application.
Later there will be a row in the end of the datagrid/chart where the total price of every object that are moved on the canvas should be shown but that's another story.
Hopefully this made some sense to the whole thing.