I'm not having much luck since I am not using basic input controls. This is my RowEditTemplate. I am using a table with labels and textboxes. If I select a specific row in the grid (4 or 5), I need to hide the controls(or rows) for Value2, Value3, & Value4, but leave the Value1 controls(or row) visible, and change the Value1 description label text.

<RowEditTemplate >
 <div id="divControls" style="background-color: #E5ECFD;">
  <p align="left" style="padding: 2px 2px 2px 2px; border-color: Lightgray; border-width: 1px;
   border-style: solid;">
   <asp:Table ID="tblControls" runat="server">
    <asp:TableRow>
     <asp:TableCell Width="85px">
      <asp:Label ID="lblID" runat="server" Visible="false">ID</asp:Label>
     </asp:TableCell>
     <asp:TableCell>
      <asp:TextBox ID="txtID" runat="server" Enabled="false" ToolTip="ID" columnkey="ID"
       BorderStyle="none" BackColor="#E5ECFD" ForeColor="#E5ECFD" Font-Size="0"></asp:TextBox>
     </asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
     <asp:TableCell Width="155px">
      <asp:Label ID="lblValue1" runat="server" >Not Eligible For Renewal</asp:Label>
     </asp:TableCell>
     <asp:TableCell>
      <asp:TextBox ID="txtValue1" runat="server" ToolTip="Not Eligible For Renewal" Width="85px" columnkey="VALUE1"></asp:TextBox>
     </asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
     <asp:TableCell Width="155px">
      <asp:Label ID="lblValue2" runat="server">Voluntary Termination</asp:Label>
     </asp:TableCell>
     <asp:TableCell>
      <asp:TextBox ID="txtValue2" runat="server" ToolTip="Voluntary Termination" Width="85px" columnkey="VALUE2"></asp:TextBox>
     </asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
     <asp:TableCell Width="155px">
      <asp:Label ID="lblValue3" runat="server">Involuntary Termination</asp:Label>
     </asp:TableCell>
     <asp:TableCell>
      <asp:TextBox ID="txtValue3" runat="server" ToolTip="Involuntary Termination" Width="85px" columnkey="VALUE3"></asp:TextBox>
     </asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
     <asp:TableCell Width="155px">
      <asp:Label ID="lblValue4" runat="server">Pct Renewed On Time</asp:Label>
     </asp:TableCell>
     <asp:TableCell>
      <asp:TextBox ID="txtValue4" runat="server" ToolTip="Pct Renewed On Time" Width="85px" columnkey="VALUE4"></asp:TextBox>
     </asp:TableCell>
    </asp:TableRow>
   </asp:Table>
  </p>
  <p align="center" style="background-color: #D5DDEA; vertical-align: middle; padding: 2px 2px 0px 2px;
   border-color: Gray; border-width: 1px; border-style: solid;">
   <asp:ImageButton ID="ibtnOK" runat="server" ImageUrl="~/Images/oknew.png" OnClick="ibtnOK_Click" />
   <asp:ImageButton ID="ibtnCancel" runat="server" ImageUrl="~/Images/cancelnew.png" />
  </p>
 </div>
</RowEditTemplate>

Hi dbishop9,

Thank you for your replies and for sharing your solution. Please feel free to contact me if you have any further questions.

Hi Petar, another followup. I didn't know I had to specifically register the client-side events. I've never had to do that in other controls. Now that I've done that, the events are firing just fine. I still can't get the display format to be correct. The edit format is fine, and once you select a date, the format is fine, but that initial value is not displayed correctly. I have the control set to "d" and I've tried setting it in the server-side initalization of the row and the control itself, with no luck. How can I set it client-side?

This is a followup. I am able to debug javascript, however, NONE of the infragistics javascript is firing. If I create my own function for an input button like

"hi this is a test");

It fires and debugs. But my Infragistics scripts don't. such as

function igMyGrid_BeforeRowTemplateOpenHandler(gridName, rowId, templateId) {

alert(

"hi_BeforeRowTemplateOpenHandler");

var row = igtbl_getRowById(rowId);

var currentVal = row.getCell(2).getValue();

dateChooser.value = currentVal;

dateChooser.inputBox.value = currentVal;

}

var dateChooser = null;

function igMyGridDueDate_InitializeDateChooser(oDateChooser) {

//Add code to handle your event here.

"hi_InitializeDateChooser");

dateChooser = oDateChooser;

}

These do not fire! Is there some setting in the grid or otherwise to enable them to work? I don't see any mis-spellings in the naming. But I can't figure out what would keep them from firing.

Thanks, Petar. Apparently, the javascript isn't firing. I have set IE8 to allow debugging javascript, change the config mgr to Debug in VS2008. I put a debugger; call in the function, as well as alert('something here');, but neither will fire. I'm not used todebugging javascript in the IDE, so I may not have something still set right to debug it. But even so, the alert() call should fire, so I don't think my javascript is firing. Below is the script. I have to get this working and I'm not sure if VS2008 is even allowing me to debug the javascript. Is there a step to turning on javascript debugging Ive missed?

<script type="text/javascript">
function igStop031_BeforeRowTemplateOpenHandler(gridName, rowId, templateId) {
if (igtbl_getRowById(rowId).getIndex() < 4){
igtbl_getElementById(templateId).children["divStop031Controls_A"].style.setAttribute('display','');
igtbl_getElementById(templateId).children["divStop031Controls_B"].style.setAttribute('display','none');
}
else if (igtbl_getRowById(rowId).getIndex() == 4) {
igtbl_getElementById(templateId).children["divStop031Controls_A"].style.setAttribute('display','none');
igtbl_getElementById(templateId).children["divStop031Controls_B"].style.setAttribute('display','');
}              
else if (igtbl_getRowById(rowId).getIndex() == 5){              
igtbl_getElementById(templateId).children["divStop031Controls_A"].style.setAttribute('display','none');
igtbl_getElementById(templateId).children["divStop031Controls_B"].style.setAttribute('display','');
}       
} 
</script>