Add onclick listener after resolve

1

Is it possible to add an onclick event after I have resolved from async?

In the code below, I load in a leaderboard of players. Once the leaderboard is put into the template holder, I then want to add an on click event on each player so that I can load the player profile.

{
    path: '/leaderboard/',
    //url: './pages/leaderboard.html',
    name: 'leaderboard',
	async: function(routeTo, routeFrom, resolve, reject) {
		app.preloader.show();
		app.request.post(url+'app-get-leaderboard.php',
			{ 
			'limit': 500
			}
			, function (mydata) {
				var obj = JSON.parse(mydata);
				//console.log(obj.leaderboard);
				if (obj.statusCode != 0) {
        			resolve({ templateUrl: './pages/leaderboard.html' }, { context:{ leaderboard: obj.leaderboard }})	
					
					// init the player buttons
					$$(".get-player").on('click',function(event) {
						console.log($$(this).attr("data-player"));
					
						localStorage.playerToken = $$(this).attr("data-player");
					
						app.views.main.router.navigate('/single/');
					
					
					});
					
      			} else {
					resolve({ url: './pages/404.html' })
      			}
    			app.preloader.hide();
 			});
		}
  },
2

I figured it out… I can put the onclick event in pageAfterIn

path: '/leaderboard/',
    //url: './pages/leaderboard.html',
    name: 'leaderboard',
	on: {
      pageAfterIn: function(e, page) {
		  console.log("Leaderboard Template Loaded....");
		  // init the player buttons
					$$(".get-player").on('click',function(event) {
						console.log($$(this).attr("data-player"));
					
						localStorage.playerToken = $$(this).attr("data-player");
					
						app.views.main.router.navigate('/single/');
					
					
					});
	  }
	},
	async: function(routeTo, routeFrom, resolve, reject) {
		app.preloader.show();
		app.request.post(url+'app-get-leaderboard.php',
			{ 
			'limit': 500
			}
			, function (mydata) {
				var obj = JSON.parse(mydata);
				//console.log(obj.leaderboard);
				if (obj.statusCode != 0) {
        			resolve({ templateUrl: './pages/leaderboard.html' }, { context:{ leaderboard: obj.leaderboard }})	
					
      			} else {
					resolve({ url: './pages/404.html' })
      			}
    			app.preloader.hide();
 			});
		console.log("async complete...");
		}
		
  },