Demos

Themes

This demo shows how to

• create a theme roller with the script's API
• use the row validation callback event (double-click or enter key)

Instructions: Double-click on a row on or press enter key to search book information on the web.

Configuration object:

			//ezEditTable configuration object			
			var demoConfig = {
				on_validate_row: function(o, row){
					var title = o.Selection.GetActiveRowValues()[0];
					var author = o.Selection.GetActiveRowValues()[1];
					var url = searchUris[o.Get('slcSearchTgt').value];
					window.open(encodeURI(url+author+', '+title));
				},
				on_selection_initialized: function(o){
					//A new method in charge of importing the script's themes is declared on selection initialization
					o.ChangeTheme = function(theme){
						o.IncludeFile('etTheme', o.ThemeUris[theme], null, 'link');
					};
					
					o.ThemeUris = {
						EditTable: 'ezEditTable/ezEditTable.css',
						Default: 'ezEditTable/themes/default/ezDefault.css',
						SkyBlue: 'ezEditTable/themes/skyblue/ezSkyBlue.css'
					}
				}
			}
			
			var searchUris = {
				wikipedia: 'http://en.wikipedia.org/w/index.php?search=',
				google: 'http://www.google.com/search?q=',
				amazon: 'http://www.amazon.com/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords='
			}
		
		

Top of page