Datagrid with drag and drop capabilities for Flash AS3 and AIR (desktop)

Anulowany Opublikowano Nov 5, 2010 Płatność przy odbiorze
Anulowany Płatność przy odbiorze

I am using Flash CS5, AS3 and AIR. Prefer not to have Flex based component.

I need to be able to drag and drop from one datagrid to another, import XML data to populate one of the grids, have the ability to drag and drop the grid rows to re-order them, ability to click "DELETE" button at the end of each row to erase it, ability to use drop down boxes in two of the columns, and ability to save (overwrite) the XML file with the new data when user clicks a save button.

## Deliverables

This is a desktop, not web application.

1. I need to be able to import files into dGrid 1:

Using AIR, I want the user to be able to click a BROWSE button to import the names of image or video files into dataGrid (or movieclip) 1. At the same time, I want the files they choose to be copied to a folder called media_clips in their documents folder (or similar folder for mac and linux). dataGrid 1 should always display the contents of this folder. This grid should also be keyword searchable.

2. import XML data to populate dataGrid 2:

Datagrid 2 (the target dataGrid) should also be populated with initial XML data (from an 'XML_files' folder in the AIR project - not sure which folder to use, but the XML files should be read/writable).

The data to populate is Listname (to appear in a text field above the dataGrid), Filename, Filetype, Time, T1, T2, and a DELETE button, which would allow the user to delete the row if required. T1 and T2 should be drop down menu selectors with 3 selections each - T1a, T1b, T1c for the first, T2a, T2b, T2c for the second. Re the DELETE button - some rows will not be delete enabled (the XML file itmes will have a DELETE attribute with yes or no in it), and the DELETE button should not be visible for them.

The format of the XML data is:

<?xml version="1.0" encoding="utf-8"?>

<advertXML_120>

<name>List 1</name>

<adList_120>

<mediaFile Time='20' T1='T1a' T2='T2c'>[url removed, login to view]</mediaFile>

<mediaFile Time='20' T1='T1a' T2='T2c' Delete='no'>[url removed, login to view]</mediaFile>

</adList_120>

</advertXML_120>

(note that the name and type don't have to be saved separately, they just have to be displayed in separate columns - I've done something like this using var fileExtType = [url removed, login to view](-3,[url removed, login to view]); to get the suffix from a file name added through XML in another project).

3. Drag and drop ability from Dgrid 1 to dGrid 2:

I want to be able to drag the media file names from dGrid 1 into dGrid2. When the user mouses over items in dGrid1, they should highlight. Then the item they choose should be physically draggable into dGrid 2 (don't erase from dGrid 1, just make a copy).

When the user is choosing where to drop into dataGrid2, there should be a line appear in between rows, so they know where the new row will go. The other rows will move accordingly to make room for the new row.

The data in dGrid 1 will just be filename data, so when it's dropped into dGrid2, the filename will need to go into the File cell, file type into the Type cell, and the user then prompted to enter a time into the Time cell (can't continue unless they do this). All other cells are optional edits for the user.

4. Have the ability to drag and drop the dGrid2 rows to re-order them:

The user should have the ability to move the rows up and down in dGrid2 and re-order them as they please. When the user mouse over rows in dataGrid2, they should highlight. Lines should appear between the rows that the user is dragging over, to indicate where the row would be dropped.

5. Ability to save (overwrite) the XML file with the new data when user clicks a save button:

When the user is done editing, they can hit a SAVE button, and the old XML file will be overwritten (after they've been prompted 'Are you sure?'). The new version will reflect any extra rows that have been added.

I would also like a NEW button, that the user can hit to erase the currently displayed dGrid2 data (after 'Are you sure you want to start new?' prompt).

Also, a drop down menu that contains a list of the current XML files in the folder (the names displayed should be from the listName tag in each XML file) - the user can select from this list to view a new list (after prompted to save current list if not been saved).

6. I want all the source code, so that I can take what you make and integrate it into my current AS3 (Flash CS5) AIR 2.5 project.

Thanks

Shaun Thomson

Inżynieria Linux Mac OS Microsoft PHP Zarządzanie projektem Architektura oprogramowania Testowanie oprogramowania Pulpit systemu Windows XML

Numer ID Projektu: #3837607

O projekcie

Zdalny projekt Aktywny Nov 7, 2010