mako 0.0.0

data/lib/mako/data/flash_widget_dev_core/src/materia/components/questionAnswerDataGrid/QuestionAnswerDataGrid.mxml

@@ -0,0 +1,692 @@
+<?xml version = "1.0" encoding = "utf-8"?>
+<mx:DataGrid
+	xmlns:mx = "http://www.adobe.com/2006/mxml"
+	xmlns:questionAnswerDataGrid = "materia.components.questionAnswerDataGrid.*"
+	editable="true"
+	rowHeight="75"
+	sortableColumns="false"
+	initialize="{init()}"
+	creationComplete="{onCreationComplete()}"
+	dataProvider = "{dataProvider}"
+	itemEditBegin="{onItemFocus(event)}"
+	dragEnabled="{draggingEnabled}"
+	dropEnabled="{draggingEnabled}"
+	dragMoveEnabled="{draggingEnabled}"
+	draggableColumns="false"
+	>
+	<mx:columns>
+		<mx:DataGridColumn id = "rowNumberColumn" headerText = "" dataField = "rowIndex" editable="false" width = "50">
+			<mx:itemRenderer>
+				<mx:Component>
+					<mx:Canvas width="100%" height="100%" verticalScrollPolicy="off" >
+						<mx:Script>
+							<![CDATA[
+								import materia.components.toolTips.TipManager;
+								private var _colorSet:Boolean = false;
+								[Bindable]
+								private var _parentGrid:QuestionAnswerDataGrid;
+								
+								public override function set data(value:Object):void
+								{
+									if (parent == null || !(parent.parent is QuestionAnswerDataGrid)) 
+									{ 
+										return; 
+									}
+									super.data = value;
+									_parentGrid = QuestionAnswerDataGrid(parent.parent);
+									if(importIcon != null)
+									{
+										importIcon.visible = (data.imported);
+									}
+									//Set color if needed
+									var textColor:int = _parentGrid.indexLabelColor;
+									if(textColor != -1 && _colorSet == false)
+									{
+										rowLabel.setStyle("color", textColor);
+										_colorSet = true;
+									}
+									//Set visibility
+									var len:int = _parentGrid.dataProvider.length;
+									if(!rowLabel.visible)
+									{
+										if(value.rowIndex != len)
+										{
+											rowLabel.visible = true;
+										}
+									}
+									else
+									{
+										if(value.rowIndex == len)
+										{
+											rowLabel.visible = false;
+										}
+									}
+								}
+							]]>
+						</mx:Script>
+						<mx:Label id="rowLabel" text="{_parentGrid.useLettersForIndex? String.fromCharCode('A'.charCodeAt(0) + data.rowIndex - 1):data.rowIndex}" textAlign="center" horizontalCenter="0" verticalCenter="0" fontSize="{_parentGrid.indexLabelSize}" fontWeight="bold" />
+						<mx:Image id="importIcon"
+							source="@Embed(source='/assets/materia/images/importIcon.png')"
+							alpha=".8" bottom="5" horizontalCenter="-1"
+							mouseOver="{TipManager.showTip(importIcon,'This is an imported question');}"
+							/>
+					</mx:Canvas>
+				</mx:Component>
+			</mx:itemRenderer>
+		</mx:DataGridColumn>
+		<questionAnswerDataGrid:QuestionAnswerColumn id = "questionColumn" dataField = "question.question" headerText = "Question" rendererIsEditor = "true" characterLimit="{characterLimit}">
+			<questionAnswerDataGrid:itemRenderer>
+				<questionAnswerDataGrid:TextInputItem id = "questionItemRenderer" explanationText = "{questionExplanationText}" placeHolderText="{placeHolderText}" characterLimit="{questionColumn.characterLimit}" multiline="{multilineFields}" restrict="{restrict}" fieldPadding="{fieldPadding}" errorType="question" />
+			</questionAnswerDataGrid:itemRenderer>
+		</questionAnswerDataGrid:QuestionAnswerColumn>
+		<questionAnswerDataGrid:QuestionAnswerColumn id = "answerColumn" dataField = "question.answer" headerText = "Answer" rendererIsEditor = "true" characterLimit="{characterLimit}">
+			<questionAnswerDataGrid:itemRenderer>
+				<questionAnswerDataGrid:TextInputItem id = "answerItemRenderer" explanationText = "{answerExplanationText}" placeHolderText="{placeHolderText}" characterLimit="{answerColumn.characterLimit}" multiline="{multilineFields}" restrict="{restrict}" fieldPadding="{fieldPadding}" errorType="answer" />
+			</questionAnswerDataGrid:itemRenderer>
+		</questionAnswerDataGrid:QuestionAnswerColumn>
+		<mx:DataGridColumn id="deleteColumn" headerText = "Options" width = "{useSmallDeleteButton?30:80}" editable="false">
+			<mx:itemRenderer>
+				<mx:Component>
+					<mx:Canvas horizontalScrollPolicy="off" tabEnabled="true" tabChildren="true">
+						<mx:Button id = "deleteButton"
+								   paddingLeft="0"
+								   paddingRight="0"
+								   left = "5"
+								   right = "5"
+								   height = "25"
+								   label = "Delete"
+								   horizontalCenter = "0"
+								   top = "5"
+								   click = "{QuestionAnswerDataGrid(parent.parent).onDeleteItem(event)}"
+								   styleName = "redButton"
+								   initialize="init()"
+								   >
+						</mx:Button>
+						<mx:Script>
+							<![CDATA[
+								import mx.controls.dataGridClasses.DataGridDragProxy;
+								public function init():void
+								{
+									if(parent.parent is QuestionAnswerDataGrid && QuestionAnswerDataGrid(parent.parent).useSmallDeleteButton)
+									{
+										deleteButton.setStyle('verticalCenter', 0); deleteButton.label='X';
+									}
+								}
+								//if i remove this "set data" code, everything works fine...
+								//if i dont, it breaks :(
+								public override function set data(value:Object):void
+								{
+									if(parent == null || !(parent.parent is QuestionAnswerDataGrid)) 
+									{ 
+										return;
+									}
+									super.data = value;
+									var len:int = QuestionAnswerDataGrid(parent.parent).dataProvider.length;
+									if(!deleteButton.visible)
+									{
+										if(value.rowIndex != len)
+										{
+											deleteButton.visible = true;
+										}
+									}
+									else
+									{
+										if(value.rowIndex == len)
+										{
+											deleteButton.visible = false;
+										}
+									}
+								}
+							]]>
+						</mx:Script>
+					</mx:Canvas>
+				</mx:Component>
+			</mx:itemRenderer>
+		</mx:DataGridColumn>
+	</mx:columns>
+	<mx:Script>
+		<![CDATA[
+			import materia.CreatorBase;
+			import mx.core.ScrollPolicy;
+			import flash.utils.getTimer;
+			import mx.events.ScrollEventDirection;
+			import mx.events.ScrollEvent;
+			import mx.controls.listClasses.IListItemRenderer;
+			import mx.events.DragEvent;
+			import nm.ui.Component;
+			import mx.managers.IFocusManagerComponent;
+			import mx.controls.Alert;
+			import mx.events.ListEvent;
+			import mx.events.FlexEvent;
+			import mx.events.DataGridEvent;
+			import mx.collections.ArrayCollection;
+			import materia.questionStorage.*;
+			public static const DELETE_EVENT:String = "DELETE_EVENT";
+			public static const ADD_EVENT:String = "ADD_EVENT";
+			public static const ROW_FOCUS_EVENT:String = "FOCUSED";
+			public static const ENABLE_DRAGGING:String = "DRAG_ENABLED";
+			public static const DISABLE_DRAGGING:String = "DRAG_DISABLED";
+			private var _lastScrollTime:int = getTimer();
+			private var _onInitAddInitialQuestion:Boolean = true;
+			[Bindable]
+			public var multilineFields:Boolean = true;
+			[Bindable]
+			public var restrict:String = null;
+			[Bindable]
+			/**
+			 * The padding to be used around the input fields used
+			 * in this datagrid
+			 */
+			public var fieldPadding:int = 5;
+			/**
+			 * Must be set in xml construction as a tag
+			 */
+			public var questionType:String = "QA";
+			private var _optionsToAdd:Array = new Array();
+			[Bindable]
+			public var showWordCount:Boolean = false;
+			[Bindable]
+			public var characterLimit:int;
+			[Bindable]
+			public var placeHolderText:String = "\rClick To Add Item";
+			[Bindable]
+			public var questionExplanationText:String = "Enter a question here";
+			[Bindable]
+			public var answerExplanationText:String = "Enter an answer here";
+			// note data items will have { question: , rowIndex: }
+			protected var _questionsList:ArrayCollection;
+			[Bindable]
+			public var indexLabelSize:int = 21;
+			[Bindable]
+			/**
+			 * If set to true, row index labels will use letters instead of numbers
+			 */
+			public var useLettersForIndex:Boolean = false;
+			[Bindable]
+			/**
+			 * If set to true, the delete buttons in the option column will be
+			 * much smaller and use 'x' as a label instead of 'Delete'
+			 */
+			public var useSmallDeleteButton:Boolean = false;
+			[Bindable]
+			/**
+			 * If set to false, dragging will be disabled for this datagrid
+			 */
+			public var draggingEnabled:Boolean = true;
+			[Bindable]
+			private var _indexLabelColor:int = 0x202020; //set to -1 for no color
+			
+			/**
+			 * getNewQuestion returns an instance of the widget's Question class 
+			 * Widgets use Question by default as defined by CreatorBase.QUESTION_TYPE
+			 * but can be overriden in widget's creator to use a custom Question class
+			 **/		
+			public function getNewQuestion(type:String = "MC", options:Object = null, id:Number = 0, question:String = null, answer:String = null):Question
+			{
+				var questionClass:Class = getNewQuestionClass();
+				return new questionClass(type, options, id, question, answer); 
+			}
+			public function getNewQuestionClass():Class
+			{
+				return getDefinitionByName(CreatorBase.QUESTION_TYPE) as Class;
+			}
+			public static function cleanUpDataProvider(dp:ArrayCollection, keepEmptyLastEntry:Boolean = true, cleanEmptyEntries:Boolean = false):void
+			{
+				for(var i:int = 0; i < dp.length; i++)
+				{
+					dp.getItemAt(i).rowIndex = i + 1;
+					if(dp.getItemAt(i).question.question.length == 0 && dp.getItemAt(i).question.answer.length == 0 && (!keepEmptyLastEntry || i < dp.length - 1))
+					{
+						dp.removeItemAt(i);
+						i--;
+					}
+				}
+			}
+			public override function setFocus():void
+			{
+				super.setFocus();
+				this.validateNow();
+				dataProvider.refresh();
+			}
+			public override function set selectedIndex(value:int):void
+			{
+				super.selectedIndex = value;
+			}
+			/**
+			 * Adds a question to the datagrid
+			 * @param q The question to be used to populate this row
+			 * @param stealFocus Whether or not this question should have focus after being added
+			 * @param stickToBottom To be used only to maintain a placeholder at the bottom of the datagrid
+			 */
+			public function addQuestion(q:Question = null, stealFocus:Boolean = true, stickToBottom:Boolean = false):void
+			{
+				//Where this item will be added (to bottom or 1 from bottom)
+				var rowIndex:int = dataProvider.length - (stickToBottom? 0:1);
+				if(rowIndex < 0)
+				{
+					rowIndex = 0;
+				}
+				//Create a question if none was passed
+				if(q == null)
+				{
+					q = getNewQuestion(questionType, null, 0, "", "");
+					for(var i:int = 0; i < _optionsToAdd.length; i++)
+					{
+						q.addOption(_optionsToAdd[i],'');
+					}
+				}
+				/*
+				 * Items in data grid will contain the following variables:
+				 * rowIndex
+				 * question
+				 * answer
+				 * imported
+				 * importModified
+				 * id
+				 */
+				var listItem:TextInputObject = new TextInputObject(stealFocus, rowIndex + 1, q, (q.id > 0), false);
+				//Add item at the given position
+				dataProvider.addItemAt(listItem, rowIndex);
+				//Update the "row count" numbers (used for more than just display purposes)
+				updateItemIndexes(rowIndex + 1);
+				//select the new item
+				this.selectedIndex = rowIndex - (stickToBottom? 1:0);
+				if(stickToBottom)
+				{
+					callLater(validateMe);
+				}
+				dispatchEvent(new Event(ADD_EVENT));
+			}
+			/**
+			 * Deletes an item from the datagrid and updates numbers in the
+			 * numbers column for proceeding items. Dispatches a delete event
+			 * and an item edit event.
+			 *
+			 * @deleteIndex
+			 */
+			public function deleteItem(deleteIndex:int = -1):void
+			{
+				var selectionIndex:int = this.selectedIndex - 1;
+				var index:int = deleteIndex == -1? this.selectedIndex : deleteIndex;
+				var allowDelete:Boolean = false; // deleting only allowed if >1 item exists
+				// establish boundaries
+				if(index < 0) 
+				{	
+					index = 0; 
+				}
+				// if deleting any item other than the last item
+				if(index < dataProvider.length-1)
+				{
+					allowDelete = true;
+				}
+				// if selecting the last item
+				else if(index > 0)
+				{
+					var listItem:Object = dataProvider.getItemAt(index-1);
+					//If prior question is empty, allow deletion of this question (the last question)
+					if(!listItem.question.answer.length && !listItem.question.question.length)
+					{
+						allowDelete = true;
+					}
+				}
+				// if deletion is not allowed, we're done here
+				if(!allowDelete)
+				{ 
+					return;
+				}
+				/* Proceed to delete item */
+				var obj:Object = dataProvider.getItemAt(index); // the object to delete
+				var wasEmpty:Boolean = false; // if deleted object is empty
+				// determine if deleted object is empty
+				if(obj.question.question.length == 0 && obj.question.answer.length == 0)
+				{
+					wasEmpty = true;
+				}
+				// remove the item and update the numbers (on the left) for all proceeding items
+				dataProvider.removeItemAt(index);
+				updateItemIndexes(index);
+				// restore selection (useful if we deleted the item we had selected)
+				this.selectedIndex = selectionIndex;
+				//only consider data changed if there was content in deleted item
+				if(wasEmpty == false)
+				{
+					dispatchEvent(new Event(FlexEvent.DATA_CHANGE));
+				}
+				// let listeners know we deleted this item and "edited" it
+				dispatchEvent(new Event(DELETE_EVENT));
+				dispatchEvent(new DataGridEvent(DataGridEvent.ITEM_EDIT_END));
+			}
+            public function equalizeColumnWidths():void
+            {
+				this.horizontalScrollPolicy = ScrollPolicy.ON;
+            	var totalWidth:int = 0;
+            	var numColumns:int = 0;
+				// set helper columns to original size
+				rowNumberColumn.width = 50;
+				deleteColumn.width = useSmallDeleteButton ? 30 : 80;
+				totalWidth = this.width - rowNumberColumn.width - deleteColumn.width;
+            	//Calculate total width of columns to be adjusted
+        		for(var j:int = 0; j < columns.length; j++)
+        		{
+        			if(DataGridColumn(columns[j]).visible && (DataGridColumn(columns[j]).editable))
+        			{
+        				numColumns++;
+        			}
+					else if(!DataGridColumn(columns[j]).visible)
+					{
+						DataGridColumn(columns[j]).width = 0; // no width for invisible columns
+					}
+        		}
+				//Store target width for columns ( the -1 is a hack fix >_< )
+				var colWidth:int = totalWidth/numColumns-1;
+            	//Adjust width of each column based on calculations
+            	for(var i:int = 0; i < columns.length; i++)
+            	{
+					if(DataGridColumn(columns[i]).visible && (DataGridColumn(columns[i]).editable))
+					{
+						DataGridColumn(columns[i]).width = colWidth;
+					}
+            	}
+				this.horizontalScrollPolicy = ScrollPolicy.OFF;
+            }
+			/**
+			 *  Adds a standard column to the datagrid using the TextInput item from the other columns
+			 *  Returns the datagrid column that was added
+			 */
+            public function addOptionColumn(header:String, dataField:String, position:int = -1, isOptional:Boolean = false, characterLimit:int = 0, explanationText:String = "Enter text here", restrict:String = null):DataGridColumn
+            {
+				////trace("QuestionAnswerDataGrid::addOptionColumn");
+				//Add the custom field into the question object
+				_optionsToAdd.push(dataField);
+				if(dataProvider != null)
+				{
+					for(var i:int = 0; i < dataProvider.length; i++)
+					{
+						var question:Question = (dataProvider[i].question as Question)
+						if(question.options == null || question.options.hint == null)
+						{
+							question.addOption(_optionsToAdd[_optionsToAdd.length-1],'');
+						}
+					}
+				}
+				var newColumn:DataGridColumn = new DataGridColumn();
+				newColumn.headerText = header;
+				newColumn.dataField = 'question.options.' + dataField;
+				var itemR:TextInputItem = new TextInputItem();
+				itemR.errorColoringEnabled = false;
+				itemR.showWordCount = showWordCount;
+				if (characterLimit > 0)
+				{
+					itemR.characterLimit = characterLimit;
+				}
+				else 
+				{
+					itemR.characterLimit = this.characterLimit;
+				}
+				newColumn.itemRenderer = itemR;
+				newColumn.rendererIsEditor = true;
+				itemR.placeHolderText = placeHolderText;
+				itemR.explanationText = explanationText;
+				itemR.restrict = restrict;
+				//Add the column to the datagrid
+				addCustomColumn(newColumn, position);
+				return newColumn;
+            }
+			/**
+			 *  Adds a given column to the datagrid. The given DataGridColumn object can be specified as liked
+			 */
+            public function addCustomColumn(newColumn:DataGridColumn, position:int = -1):void
+            {
+				////trace("QuestionAnswerDataGrid::addCustomColumn");
+                var currentColumns:Array = this.columns;
+                if(position == -1)
+                {
+					if(currentColumns[currentColumns.length - 1] != deleteColumn) currentColumns.push(newColumn);
+					else currentColumns.splice(currentColumns.length - 1, 0, newColumn);
+                }
+                else
+                {
+                	currentColumns.splice(position, 0, newColumn);
+                }
+                this.columns = currentColumns;
+			}
+            /**
+            *  Generates a QuestionGroup object from the items in the datagrid
+            */
+            public function generateQGroup(title:String = '', random:Boolean = false, id:int = 0):QuestionGroup
+            {
+				////trace("QuestionAnswerDataGrid::generateQGroup");
+            	var qGroup:QuestionGroup = new QuestionGroup(title, null, random, id);
+            	var arr:ArrayCollection = ArrayCollection(dataProvider);
+            	var n:int = arr.length;
+            	for(var i:int = 0; i < n-1; i++) // ignore placeholder
+            	{
+            		qGroup.addQuestion(arr.getItemAt(i).question);
+            	}
+				// if we don't have a placeholder, add the last item too
+            	if(n > 0 && arr.getItemAt(n-1).question.question.length > 0)
+            	{
+            		qGroup.addQuestion(arr.getItemAt(n-1).question);
+            	}
+            	return qGroup;
+            }
+            // similar to generate qGroup, but takes gets the data from a given dataprovider
+            // theDataProvider is formated as if it is used in a QuestionAnswerDataGrid
+            //    this lets us get a qgroup from this kind of dataprovider without having to load it into a
+            //    QuestionAnswerDataGrid
+            public static function generateQGroupFromDataProvider(theDataProvider:ArrayCollection,
+            							title:String = '', random:Boolean = false, id:int = 0):QuestionGroup
+            {
+            	var qGroup:QuestionGroup = new QuestionGroup(title, null, random, id);
+            	var arr:ArrayCollection = theDataProvider;
+            	var n:int = arr.length;
+            	for(var i:int = 0; i < n-1; i++)
+            	{
+            		qGroup.addQuestion(arr.getItemAt(i).question);
+            	}
+            	if(n > 0 && arr.getItemAt(n-1).question.question.length > 0)
+            	{
+            		qGroup.addQuestion(arr.getItemAt(n-1).question);
+            	}
+            	return qGroup;
+            }
+			public function set answerHeaderLabel(label:String):void
+			{
+				answerColumn.headerText = label;
+			}
+			public function set indexLabelColor(label:int):void
+			{
+				_indexLabelColor = label;
+			}
+			public function get indexLabelColor():int
+			{
+				return _indexLabelColor;
+			}
+			public function set questionHeaderLabel(label:String):void
+			{
+				questionColumn.headerText = label;
+			}
+			public function set onInitAddInitialQuestion(addFirst:Boolean):void
+			{
+				_onInitAddInitialQuestion = addFirst;
+			}
+			// this should be given when creating this component
+			public function set questionsList(qList:ArrayCollection):void
+			{
+				_questionsList = qList;
+			}
+			public function refreshRowData(rowIndex:int):void
+			{
+				dataProvider.setItemAt(dataProvider.getItemAt(rowIndex), rowIndex);
+			}
+			public function setRowData(rowIndex:int, data:Object):void
+			{
+				dataProvider.setItemAt(data, rowIndex);
+			}
+			public function onDeleteItem(event:Event):void
+			{
+				deleteItem(event.target.parentDocument.data.rowIndex-1);
+			}
+			/**
+			 * Updates the displayed index of each row starting with the one given
+			 */
+			public function updateItemIndexes(startIndex:int = 0):void
+			{
+				if(dataProvider == null) 
+				{
+					return;	
+				}
+				for(var i:int = startIndex; i < dataProvider.length; i++)
+				{
+					dataProvider.getItemAt(i).rowIndex = i + 1;
+				}
+			}
+			/**
+			 * Returns the item renderer at the given index.
+			 * This is different from the indicesToItemRender function that returns
+			 * an item renderer at a given recycled index.
+			 *
+			 * i.e.
+			 * to access the item in the 37th row in the 4th column, call
+			 * indicesToItemRendererUnrecycled(37, 4). If this item isn't visible,
+			 * it return null.
+			 * the original indicesToItemRender function returns the item at the visible
+			 * indeces provided. if 100 items are on screen and items 20-30 are visible,
+			 * indicesToItemRender(5, 0) returns the 5th visible element in the list which
+			 * is equivalent to the 25th element in the list.
+			 */
+			public function indicesToItemRendererUnrecycled(rowIndex:int, colIndex:int):IListItemRenderer
+			{
+				var firstItemIndex:int = verticalScrollPosition - offscreenExtraRowsTop;
+				if (rowIndex < firstItemIndex || rowIndex >= firstItemIndex + listItems.length)
+				{
+					return null;
+				}
+				return listItems[rowIndex - firstItemIndex][colIndex];
+			}
+			[Bindable (event='varChanged_numQuestions')]
+			public function get numQuestions():int
+			{
+				return dataProvider.length - 1;
+			}
+			protected function init():void
+			{
+				//trace("QuestionAnswerDataGrid::init");
+			}
+			/**
+			 * Update item indexes whenever an item is dropped after dragging.
+			 * Also makes sure that if we drag an item below the empty
+			 * "Click To Add Item" placeholder, we swap the last two elements
+			 * so the placeholder stays at the bottom.
+			 */
+			override protected function dragDropHandler(event:DragEvent):void
+			{
+				super.dragDropHandler(event);
+				// if we dropped below the last item (the placeholder), swap the
+				// placeholder back down
+				if(calculateDropIndex(event) > dataProvider.length - 1 && dataProvider.length > 1)
+				{
+					var temp:Object = dataProvider[dataProvider.length - 1];
+					dataProvider[dataProvider.length - 1] = dataProvider[dataProvider.length - 2];
+					dataProvider[dataProvider.length - 2] = temp;
+				}
+				// update the item indexes
+				updateItemIndexes(0);
+			}
+			/**
+			 * Overridedn to prevent dragging of the last item (the placeholder)
+			 */
+			override protected function dragStartHandler(event:DragEvent):void
+			{
+				if(selectedIndex == dataProvider.length - 1) 
+				{ 
+					return; 
+				}
+				super.dragStartHandler(event);
+			}
+			// Attempt to slow down mouse wheel:
+			override protected function mouseWheelHandler(event:MouseEvent):void
+			{
+				if(event.delta > 0)
+				{
+					event.delta = Math.max(1, event.delta / 8);
+				}
+				else
+				{
+					event.delta = -Math.max(1, Math.abs(event.delta / 8));
+				}
+				
+				super.mouseWheelHandler(event);
+			}
+			protected function onCreationComplete():void
+			{
+				if (_onInitAddInitialQuestion !== false)
+				{
+					addQuestion(null, false, true);
+				}
+				validateMe(null);
+				if (_questionsList != null)
+				{
+					// make the data provider based on the questions list
+					for (var i:int = 0; i < _questionsList.length; i++)
+					{
+						// Need to cast each question to widget's Question class
+						addQuestion((getNewQuestionClass())(_questionsList.getItemAt(i)), false);
+					}
+				}
+				// Add listeners to temporarily disable dragging (i.e. when selecting text)
+				// These events are bubbled from TextInputItem
+				addEventListener(ENABLE_DRAGGING, enableDragging, false, 0, true);
+				addEventListener(DISABLE_DRAGGING, disableDragging, false, 0, true);
+			}
+			protected function validateMe(event:Event = null):void
+			{
+				try
+				{
+					this.validateNow();
+					dataProvider.refresh();
+				}
+				catch (e:Error)
+				{
+					trace("datagrid validation error");
+				}
+			}
+			/**
+			 * Event triggered function that enables dragging.
+			 * Called whenever focus leaves an input field (i.e. clicking
+			 * somewhere to start dragging)
+			 */
+			private function enableDragging(e:Event):void
+			{
+				if(draggingEnabled)
+				{
+					e.stopPropagation();
+					this.dragMoveEnabled = true;
+					this.dragEnabled = true;
+					this.dropEnabled = true;
+				}
+			}
+			/**
+			 * Event triggered function that disables dragging.
+			 * Called whenever focus enters an input field (i.e. selecting
+			 * text). This makes it so the user can select text without the
+			 * entire row going into drag mode.
+			 */
+			private function disableDragging(e:Event):void
+			{
+				e.stopPropagation();
+				this.dragMoveEnabled = false;
+				this.dragEnabled = false;
+				this.dropEnabled = false;
+			}
+			private function onItemFocus(event:Event):void
+			{
+				// User selected placeholder, add a new question
+				if(selectedIndex == dataProvider.length-1)
+				{
+					addQuestion(null, false, true);
+				}
+			}
+		]]>
+	</mx:Script>
+</mx:DataGrid>