Fixes liferay#1268 - Update demos

bryceosterhaus · Nov 5, 2018 · b440789 · b440789
1 parent c454c1a
commit b440789
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/packages/clay-pagination-bar/demos/index.html b/packages/clay-pagination-bar/demos/index.html
@@ -60,19 +60,20 @@ <h1>ClayPaginationBar</h1>
 					itemsPerPage: 20
 				},
 			],
+			events: {
+				'pageClicked': (event) => {
+					event.preventDefault();
+					console.log(`Selected page: ${event.data.page}`);
+				},
+				'itemsPerPageClicked': (event) => {
+					event.preventDefault();
+					console.log(`Selected items per page: ${event.data.item.itemsPerPage}`);
+				},
+			},
 			selectedEntry: 1,
 			spritemap: spritemap,
 			totalEntries: 21,
 		}, '#container1');
-
-		clayPaginationBar.on('pageClicked', function(e) {
-			console.log("Selected page: " + e.data.page);
-		});
-
-		clayPaginationBar.on('itemsPerPageClicked', function(e) {
-			console.log("Items per page: " + e.data.item.itemsPerPage);
-		});
-
 	</script>
 </body>
 </html>
diff --git a/packages/clay-pagination/demos/index.html b/packages/clay-pagination/demos/index.html
@@ -103,12 +103,15 @@ <h2>10 pages</h2>
 				new metal.ClayPagination({
 					baseHref: '#container',
 					currentPage: currentPage,
+					events: {
+						'pageClicked': (event) => {
+							event.preventDefault();
+							console.log(`Selected page: ${event.data.page}`);
+						},
+					},
 					spritemap: spritemap,
 					totalPages: totalPages,
-				}, '#container' + totalPages)
-				.on('pageClicked', function(e) {
-					console.log("Selected page: " + e.data.page);
-				});
+				}, '#container' + totalPages);
 			}
 		}
 	</script>