keep row in edit when clicking date and time pickers.

Author: liuwenchao

dist/aha-table.html

@@ -236,17 +236,17 @@
 							<input type="date" 
 								required?="{{ column.required }}"
 								class="{{ 'date' === column.type ? '' : 'hide'}}"
-								on-change="{{ save }}" 
+								on-blur="{{ save }}" 
 								value="{{ row[column.name] }}"/>
 							<input type="time" 
 								required?="{{ column.required }}"
 								class="{{ 'time' === column.type ? '' : 'hide'}}"
-								on-change="{{ save }}" 
+								on-blur="{{ save }}" 
 								value="{{ row[column.name] }}"/>
 							<input type="datetime" 
 								required?="{{ column.required }}"
 								class="{{ 'datetime' === column.type ? '' : 'hide'}}"
-								on-change="{{ save }}" 
+								on-blur="{{ save }}" 
 								value="{{ row[column.name] }}"/>
 							<textarea
 								required?="{{ column.required }}"
@@ -769,7 +769,6 @@
 			searchplaceholder: undefined,
 			ready: function() {
 				if (this.dataset.choices) {
-					this.options=[];
 					var choices = JSON.parse(this.dataset.choices);
 					for(option in choices) {
 						this.options.push({'value': option, 'label': choices[option]});
@@ -778,4 +777,4 @@
 			}
 		});
 	</script>
-</polymer-element>
+</polymer-element>

index.html

@@ -8,7 +8,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 
 	<!-- Importing Web Component's Polyfill -->
-	<script src="bower_components/platform/platform.js"></script>
+	<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.2.4/platform.js"></script>
 
 	<!-- Importing Custom Elements -->
 	<link rel="import" href="src/aha-table.html">
@@ -124,6 +124,17 @@ <h2>Advanced usage: themed, customized columns, customized attributes, customize
 			placeholder="Event Date" 
 			hint="Dates are required"
 			default="2011-12-21"></aha-column>
+		<aha-column name="time"
+			type="time"
+			searchable="false"
+			placeholder="Event Time" 
+			hint="Time are not required"
+			default="19:00"></aha-column>
+		<aha-column name="datetime"
+			type="datetime"
+			searchable="false"
+			placeholder="Stop Date Time" 
+			hint="Time are not required"></aha-column>
 		<aha-column name="type"
 			type="choice"
 			required="true"

src/aha-table.html

@@ -236,17 +236,17 @@
 							<input type="date" 
 								required?="{{ column.required }}"
 								class="{{ 'date' === column.type ? '' : 'hide'}}"
-								on-change="{{ save }}" 
+								on-blur="{{ save }}" 
 								value="{{ row[column.name] }}"/>
 							<input type="time" 
 								required?="{{ column.required }}"
 								class="{{ 'time' === column.type ? '' : 'hide'}}"
-								on-change="{{ save }}" 
+								on-blur="{{ save }}" 
 								value="{{ row[column.name] }}"/>
 							<input type="datetime" 
 								required?="{{ column.required }}"
 								class="{{ 'datetime' === column.type ? '' : 'hide'}}"
-								on-change="{{ save }}" 
+								on-blur="{{ save }}" 
 								value="{{ row[column.name] }}"/>
 							<textarea
 								required?="{{ column.required }}"
@@ -769,7 +769,6 @@
 			searchplaceholder: undefined,
 			ready: function() {
 				if (this.dataset.choices) {
-					this.options=[];
 					var choices = JSON.parse(this.dataset.choices);
 					for(option in choices) {
 						this.options.push({'value': option, 'label': choices[option]});
@@ -778,4 +777,4 @@
 			}
 		});
 	</script>
-</polymer-element>
+</polymer-element>