I have a multi-level Rad-grid Hierarchy that I am working with. Each level of this grid has a GridTemplateColumn in it that holds a DIV with an image and a status in it. I am using this to get the parent row of the row that contains the Div when it is clicked on. When I click I am able to find
two of the table views but one that is 2 up from the one that holds the clicked row/column is unable to be found.
This is Javascript.
Returns Null.
oDiv is the Div object that was clicked on.
This Id is sent to a recursive method that is called that changed the stuff in the grid then it is used to find the next parent.
Any help would be appreciated.
Here is my radgrid aspx.
two of the table views but one that is 2 up from the one that holds the clicked row/column is unable to be found.
This is Javascript.
$find(oDiv.parentElement.parentElement.id)oDiv is the Div object that was clicked on.
$find(oDiv.parentElement.parentElement.id).get_parent().get_parentRow().childNodes[4].children[0].id;Any help would be appreciated.
Here is my radgrid aspx.
<telerik:RadGrid ID="cRadGrid" runat="server" Width="100%" ShowStatusBar="true"AutoGenerateColumns="False" AllowSorting="True" AllowMultiRowSelection="False"AllowPaging="False" HierarchyDefaultExpanded="true" EnableEmbeddedSkins="False" skin="LSSCustomSkin"> <MasterTableView EditMode="InPlace" HierarchyLoadMode="Client" HierarchyDefaultExpanded="true" name="Name1" Width="100%" DataKeyNames="Band_Id,Row_Id" ClientDataKeyNames="Band_Id,Row_Id" AllowMultiColumnSorting="False" ExpandCollapseColumn-ButtonType="ImageButton" ExpandCollapseColumn-CollapseImageUrl="../_LaImages/CfxFwMinus.gif" ExpandCollapseColumn-ExpandImageUrl="../_LaImages/CfxFwPlus.gif" > <ParentTableRelation> <telerik:GridRelationFields DetailKeyField="Band_Id" MasterKeyField="Row_Id" /> </ParentTableRelation> <DetailTables> <telerik:GridTableView HierarchyLoadMode="Client" EditMode="InPlace" HierarchyDefaultExpanded="TRUE" DataKeyNames="Band_Id,Row_Id" ClientDataKeyNames="Band_Id,Row_Id" name="name2" Width="100%" ExpandCollapseColumn-ButtonType="ImageButton" ExpandCollapseColumn-CollapseImageUrl="../_LaImages/CfxFwMinus.gif" ExpandCollapseColumn-ExpandImageUrl="../_LaImages/CfxFwPlus.gif" > <ParentTableRelation> <telerik:GridRelationFields DetailKeyField="Band_Id" MasterKeyField="Row_Id" /> </ParentTableRelation> <DetailTables> <telerik:GridTableView HierarchyLoadMode="Client" EditMode="InPlace" HierarchyDefaultExpanded="false" DataKeyNames="Band_Id,Row_Id" ClientDataKeyNames="Band_Id,Row_Id" Name="name3" Width="100%" ExpandCollapseColumn-ButtonType="ImageButton" ExpandCollapseColumn-CollapseImageUrl="../_LaImages/CfxFwMinus.gif" ExpandCollapseColumn-ExpandImageUrl="../_LaImages/CfxFwPlus.gif" > <ParentTableRelation> <telerik:GridRelationFields DetailKeyField="Band_Id" MasterKeyField="Row_Id" /> </ParentTableRelation> <DetailTables> <telerik:GridTableView HierarchyLoadMode="Client" EditMode="InPlace" HierarchyDefaultExpanded="false" DataKeyNames="Band_Id,Row_Id" ClientDataKeyNames="Band_Id,Row_Id" Name="name4" Width="100%" ExpandCollapseColumn-ButtonType="ImageButton" ExpandCollapseColumn-CollapseImageUrl="../_LaImages/CfxFwMinus.gif" ExpandCollapseColumn-ExpandImageUrl="../_LaImages/CfxFwPlus.gif" > <ParentTableRelation> <telerik:GridRelationFields DetailKeyField="Band_Id" MasterKeyField="Row_Id" /> </ParentTableRelation> <DetailTables> <telerik:GridTableView HierarchyLoadMode="Client" EditMode="InPlace" HierarchyDefaultExpanded="false" DataKeyNames="Band_Id,Row_Id" ClientDataKeyNames="Band_Id,Row_Id" Name="SUBDETAIL" Width="100%" ExpandCollapseColumn-ButtonType="ImageButton" ExpandCollapseColumn-CollapseImageUrl="../_LaImages/CfxFwMinus.gif" ExpandCollapseColumn-ExpandImageUrl="../_LaImages/CfxFwPlus.gif" > <ParentTableRelation> <telerik:GridRelationFields DetailKeyField="Band_Id" MasterKeyField="Row_Id" /> </ParentTableRelation> <Columns> <telerik:GridBoundColumn Visible="false" SortExpression="Descrip" HeaderText="Description" HeaderButtonType="TextButton" DataField="Descrip"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Level_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Level_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Parent_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Parent_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="children_Amount" HeaderText="" HeaderButtonType="TextButton" DataField="children_Amount"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Row_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Row_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Band_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Band_Id"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="DescripClick"> <ItemTemplate> <asp:Label ID="lblDescription" runat="server" Text=""></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Cd" HeaderText="" HeaderButtonType="TextButton" DataField="Cd"> </telerik:GridBoundColumn> <telerik:GridButtonColumn Visible="true" CommandName="RemoveDetail" ButtonType="LinkButton" DataTextField="Button" Text="Remove" UniqueName="AddDetail"> </telerik:GridButtonColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Projected_Completion_Dt" HeaderText="Projected Completion Date" HeaderButtonType="TextButton" DataField="Projected_Completion_Dt"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="CompDate" HeaderText=" Completion Date"> <ItemTemplate> <div class="editable" id="dateLbl" runat="server"></div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Amount" HeaderText="Amount" HeaderButtonType="TextButton" DataField="Amount"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="Amt" HeaderText="Amount"> <ItemTemplate> <div class="editable" id="AmtLbl" runat="server"></div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Review" UniqueName="ReviewColumn"> <ItemTemplate> <div ID="divReview" runat="server" > <asp:Image ID="imgReview" runat="server" ImageUrl="" /> <asp:Label ID="lblReview" runat="server" Text="" /> </div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="STATUS" HeaderText="Review" HeaderButtonType="TextButton" DataField="STATUS" > </telerik:GridBoundColumn> <telerik:GridBoundColumn SortExpression="Notes_Ind" Visible="false" HeaderText="Notes" HeaderButtonType="TextButton" DataField="Notes_Ind"> </telerik:GridBoundColumn> <telerik:GridButtonColumn FooterText="ImageButtonColumnfooter" ButtonType="ImageButton" UniqueName="Button1" HeaderText="Notes" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" CommandName="None" DataTextField="Button1" ImageUrl="" > </telerik:GridButtonColumn> </Columns> </telerik:GridTableView> </DetailTables> <Columns> <telerik:GridBoundColumn SortExpression="Descrip" ReadOnly="true" HeaderText="Description" HeaderButtonType="TextButton" DataField="Descrip"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Level_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Level_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Parent_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Parent_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="children_Amount" HeaderText="" HeaderButtonType="TextButton" DataField="children_Amount"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Row_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Row_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Band_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Band_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Cd" HeaderText="" HeaderButtonType="TextButton" DataField="Cd"> </telerik:GridBoundColumn> <telerik:GridButtonColumn Visible="true" CommandName="AddDetail" ButtonType="LinkButton" DataTextField="Button" Text="Add Detail" UniqueName="AddDetail"> </telerik:GridButtonColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Projected_Completion_Dt" HeaderText="Projected Completion Date" HeaderButtonType="TextButton" DataField="Projected_Completion_Dt"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="CompDate" HeaderText="Completion Date"> <ItemTemplate> <div class="editable" id="dateLbl" runat="server"></div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Amount" HeaderText="Amount" HeaderButtonType="TextButton" DataField="Amount"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="Amt" HeaderText="Amount"> <ItemTemplate> <div class="editable" id="AmtLbl" runat="server"></div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Review" UniqueName="ReviewColumn"> <ItemTemplate> <div ID="divReview" runat="server" > <asp:Image ID="imgReview" runat="server" ImageUrl="" /> <asp:Label ID="lblReview" runat="server" Text="" /> </div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="STATUS" HeaderText="Review" HeaderButtonType="TextButton" DataField="STATUS" > </telerik:GridBoundColumn> <telerik:GridBoundColumn SortExpression="Notes_Ind" ReadOnly="true" Visible="false" HeaderText="Notes" HeaderButtonType="TextButton" DataField="Notes_Ind"> </telerik:GridBoundColumn> <telerik:GridButtonColumn FooterText="ImageButtonColumnfooter" ButtonType="ImageButton" UniqueName="Button1" HeaderText="Notes" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" CommandName="None" DataTextField="Button1" ImageUrl="" > </telerik:GridButtonColumn> </Columns> </telerik:GridTableView> </DetailTables> <Columns> <telerik:GridBoundColumn SortExpression="Descrip" HeaderText="Description" HeaderButtonType="TextButton" DataField="Descrip"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Level_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Level_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Parent_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Parent_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="children_Amount" HeaderText="" HeaderButtonType="TextButton" DataField="children_Amount"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Row_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Row_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Band_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Band_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Cd" HeaderText="" HeaderButtonType="TextButton" DataField="Cd"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Projected_Completion_Dt" HeaderText="Projected Completion Date" HeaderButtonType="TextButton" DataField="Projected_Completion_Dt"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="CompDate" HeaderText="Completion Date"> <ItemTemplate> <div class="editable" id="dateLbl" runat="server"></div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Amount" HeaderText="Amount" HeaderButtonType="TextButton" DataField="Amount"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="Amt" HeaderText="Amount"> <ItemTemplate> <div class="editable" id="AmtLbl" runat="server"></div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Review" UniqueName="ReviewColumn"> <ItemTemplate> <div ID="divReview" runat="server" > <asp:Image ID="imgReview" runat="server" ImageUrl="" /> <asp:Label ID="lblReview" runat="server" Text="" /> </div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="STATUS" HeaderText="Review" HeaderButtonType="TextButton" DataField="STATUS" > </telerik:GridBoundColumn> <telerik:GridBoundColumn SortExpression="Notes_Ind" ReadOnly="true" Visible="false" HeaderText="Notes" HeaderButtonType="TextButton" DataField="Notes_Ind"> </telerik:GridBoundColumn> <telerik:GridButtonColumn FooterText="ImageButtonColumnfooter" ButtonType="ImageButton" UniqueName="Button1" HeaderText="Notes" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" CommandName="None" DataTextField="Button1" ImageUrl="" > </telerik:GridButtonColumn> </Columns> </telerik:GridTableView> </DetailTables> <Columns> <telerik:GridBoundColumn SortExpression="Descrip" HeaderText="Description" HeaderButtonType="TextButton" DataField="Descrip"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Level_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Level_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Parent_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Parent_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="children_Amount" HeaderText="" HeaderButtonType="TextButton" DataField="children_Amount"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Row_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Row_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Band_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Band_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Cd" HeaderText="" HeaderButtonType="TextButton" DataField="Cd"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Projected_Completion_Dt" HeaderText="Projected Completion Date" HeaderButtonType="TextButton" DataField="Projected_Completion_Dt"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="CompDate" HeaderText="Completion Date"> <ItemTemplate> <div class="editable" id="dateLbl" runat="server"></div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Amount" HeaderText="Amount" HeaderButtonType="TextButton" DataField="Amount"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="Amt" HeaderText="Amount"> <ItemTemplate> <div class="editable" id="AmtLbl" runat="server"></div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Review" UniqueName="ReviewColumn"> <ItemTemplate> <div ID="divReview" runat="server" > <asp:Image ID="imgReview" runat="server" ImageUrl="" /> <asp:Label ID="lblReview" runat="server" Text="" /> </div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="STATUS" HeaderText="Review" HeaderButtonType="TextButton" DataField="STATUS" > </telerik:GridBoundColumn> <telerik:GridBoundColumn SortExpression="Notes_Ind" Visible="false" HeaderText="Notes" HeaderButtonType="TextButton" DataField="Notes_Ind"> </telerik:GridBoundColumn> <telerik:GridButtonColumn FooterText="ImageButtonColumnfooter" ButtonType="ImageButton" UniqueName="Button1" HeaderText="Notes" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" CommandName="None" DataTextField="Button1" ImageUrl="" > </telerik:GridButtonColumn> </Columns> </telerik:GridTableView> </DetailTables> <Columns> <telerik:GridBoundColumn SortExpression="Descrip" HeaderText="Description" HeaderButtonType="TextButton" DataField="Descrip"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Level_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Level_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Parent_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Parent_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="children_Amount" HeaderText="" HeaderButtonType="TextButton" DataField="children_Amount"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Row_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Row_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Band_Id" HeaderText="" HeaderButtonType="TextButton" DataField="Band_Id"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Cd" HeaderText="" HeaderButtonType="TextButton" DataField="Cd"> </telerik:GridBoundColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Projected_Completion_Dt" HeaderText="Projected Completion Date" HeaderButtonType="TextButton" DataField="Projected_Completion_Dt"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="CompDate" HeaderText="Completion Date"> <ItemTemplate> <div class="editable" id="dateLbl" runat="server"></div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="Amount" HeaderText="Amount" HeaderButtonType="TextButton" DataField="Amount"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="Amt" HeaderText="Amount"> <ItemTemplate> <div class="editable" id="AmtLbl" runat="server"></div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Review" UniqueName="ReviewColumn"> <ItemTemplate> <div ID="divReview" runat="server" > <asp:Image ID="imgReview" runat="server" ImageUrl="" /> <asp:Label ID="lblReview" runat="server" Text="" /> </div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn Visible="false" SortExpression="STATUS" HeaderText="Review" HeaderButtonType="TextButton" DataField="STATUS" > </telerik:GridBoundColumn> <telerik:GridBoundColumn SortExpression="Notes_Ind" Visible="false" HeaderText="Notes" HeaderButtonType="TextButton" DataField="Notes_Ind"> </telerik:GridBoundColumn> <telerik:GridButtonColumn FooterText="ImageButtonColumnfooter" ButtonType="ImageButton" UniqueName="Button1" HeaderText="Notes" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" CommandName="None" DataTextField="Button1" ImageUrl="" > </telerik:GridButtonColumn> </Columns> </MasterTableView> <ClientSettings > <ClientEvents OnRowClick="cRadGrid_OnRowClick" OnGridCreated="cRadGrid_OnGridCreated" OnRowDataBound="cRadGrid_RowDataBound"></ClientEvents> </ClientSettings> </telerik:RadGrid>