The ones that apply to drag-and-drop are examples
of the properties that are not visible in the Standard view. Select Category View to access
these properties (Figure 9-4).
Figure 9-4. Switching to the Category view
180
CHAPTER 9
5. The properties that we will be working with??”dragEnabled, dragMoveEnabled, and dropEnabled??”
are in the category Other. dragEnabled means that you can drag items from this list,
dragMoveEnabled means items can be moved around in this list by dragging, and dropEnabled
means that items can be placed into this component. Set all three to true so that we have the
most flexibility within this interaction (Figure 9-5).
6. Adjust the size of the component so that it is 150 by 150 pixels. Without this step, the component
will readjust to the size of the data that is provided.
Figure 9-5. Enabling drag in the List properties
181
FLEX VIDEO GALLERY WITH DRAG-AND-DROP
7. Now that we have one component that has been made useful for drag-and-drop, copy this
component twice to create three identical lists (Figure 9-6). Following best practice, give each
component a unique ID, such as List1, List2, and List3.
Figure 9-6. Duplicated List components
8. In order to add some data to drag between the lists, select the dataProvider property of the
first list. This dataProvider can be applied to any of the List components. You??™ll find it in the
Data section of the Category view and also in the properties in the Standard view. In the Value
field for this property, enter a list of items, enclosed in square brackets and separated by commas
(Figure 9-7).
Pages:
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137