pre-populate form

Author: anthonykoerber

src/mm-form/index.html

@@ -94,19 +94,22 @@
 					'input' : {
 						validation: 'int|empty',
 						errorMsg: 'You need to type a number',
-						label: 'Type a number'
+						label: 'Type a number',
+						// value: '100'
 					},
 					'dropdown' : {
 						validation: 'empty',
 						errorMsg: 'You need to select an item',
-						label: 'Select an Item'
+						label: 'Select an Item',
+						// value: 'List Item 4'
 					},
 					'radio' : {
 						validation: function(name, value, data) {
 							return data[name] === 'Red' && value === 'Red';
 						},
 						errorMsg: 'You need to select \'Red\'',
-						label: 'Select a Color'
+						label: 'Select a Color',
+						// value: 'Red'
 					}
 				},
 				// returned from server-side validation(?)

src/mm-form/mm-form.js

@@ -120,19 +120,24 @@
 					value			= this.data[key].value || null;
 
 				// If there was an initial value set in markup, use that
-				// However, values set in the config will always 'win':
+				// However, values set in the config will always 'win'
 				if (field.value && value === null) {
 					value = field.value;
 				}
 
-				// store the field and parent element just in case we need
-				// to reference those later
+				// Store the field and parent element just in case
+				// we need to reference those later
 				this.data[name].field = field;
 				this.data[name].parentEle = parentEle;
 
 				this._updateData(name, value);
 				this._createErrorMsg(name, parentEle, errorMsg);
 				this._createLabel(name, parentEle, field, label);
+
+				// Populate the fields if necessary
+				if (!field.value && value) {
+					field.value = value;
+				}
 			}
 		},