Solution #145 - Coloring the selected row in a grid

1. Make sure you’re including client_utility.js:
   <script language="javascript" src="…/code/client_utility.js"></script>

2. Make sure your table has an id attribute:
   <table id="prev_cases_table" >

3. Define a module variable to hold the index of the previously selected row
   <script language="javascript">
   //Module variable for the previous selected grid row
   var prev_grid_sel_row = -1;
   </script>

4. Add the following to your <tr> element:

• defColor attribute; This is the default color for your row
• bgColor attribute; This is the row’s starting color
• id
• onClick handler that calls GridRowClickHandler.

GridRowClickHandler takes 3 parameters:

• this (doesn’t change)
• id of the table
• module name of variable that contains the index of the previous selected row in the table
  (we need to pass this in, in case we have multiple grids on one page)

Example:
<tr class="clsGrid" defColor="" bgColor="" id="grid_row"
onclick="GridRowClickHandler(this,’prev_cases_table’,’prev_grid_sel_row’)" >