RadGrid Hierarchy animation

[tmorford]

Hey all I am trying to get the Animation with a RadGrid when you click on the hierarchy arrow but I seem to not be able to get it to work.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadGridPaymentRecived">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGridPaymentRecived" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadGrid ID="RadGridPaymentRecived" runat="server" AutoGenerateColumns="False" AllowPaging="True"  Skin="WebBlue" OnNeedDataSource="RadGrid1_OnNeedDataSource"
                OnDetailTableDataBind="RadGrid1_DetailTableDataBind" AutoGenerateHierarchy="true" OnItemDataBound="RadGrid1_OnItemDataBound"
                AllowSorting="True" GridLines="None" OnDataBound="RadGrid1_OnDataBound" ShowGroupPanel="True">
                <MasterTableView ShowFooter="true" DataKeyNames="batch_number" HierarchyLoadMode="ServerOnDemand">
                    <DetailTables>
                        <telerik:GridTableView Width="100%" runat="server" DataKeyNames="batch_number">
                            <ParentTableRelation>
                                <telerik:GridRelationFields DetailKeyField="batch_number" MasterKeyField="batch_number" />
                            </ParentTableRelation>
                            <Columns>
                                <telerik:GridHyperLinkColumn HeaderText="View" Target="_blank" DataTextField="log_record_product_id"
                                    UniqueName="log_record_product_id" HeaderButtonType="TextButton">
                                </telerik:GridHyperLinkColumn>
                                <telerik:GridBoundColumn HeaderText="Date Issued" DataField="que_submit_date" UniqueName="que_submit_date"
                                    HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Who Issued" DataField="officer_name" UniqueName="officer_name"
                                    HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Buyer Name" DataField="name_all" UniqueName="name_all"
                                    HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Account Number" DataField="account_number" UniqueName="account_number"
                                    HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Program Type" DataField="program_type" UniqueName="ProgramType"
                                    HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Premium" DataField="price_sold" UniqueName="price_sold" DataFormatString="{0:$###,###.##}"
                                    HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Due To Allied" DataField="ProductCostTemplate" DataFormatString="{0:$###,###.##}"
                                    UniqueName="ProductCostTemplate" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                            </Columns>
                        </telerik:GridTableView>
                    </DetailTables>
                    <Columns>
                        <telerik:GridTemplateColumn HeaderText="Selected">
                            <ItemTemplate>
                                <asp:CheckBox ID="CheckBoxSelected" runat="server" Checked='<%# Bind("Selected") %>' AutoPostBack="true"
                                    OnCheckedChanged="CheckBoxSelected_OnCheckedChanged" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn HeaderText="Batch Id" DataField="batch_number" UniqueName="batch_number">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Batch Submitted By" DataField="batch_submit_username"
                            UniqueName="batch_submit_username">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Batch Date" DataField="batch_submit_date" UniqueName="batch_submit_date">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Batch Product" DataField="batch_product" UniqueName="batch_product">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Contract Count" DataField="contract_count" UniqueName="contract_count">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Branch" DataField="branch" UniqueName="branch">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Agency" DataField="agency" UniqueName="agency">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Agent" DataField="agent" UniqueName="agent">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Amount Submitted" DataField="amount_submitted" DataFormatString="{0:$###,###.##}"
                            UniqueName="amount_submitted">
                        </telerik:GridBoundColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>

I keep getting a "Microsoft JScript runtime error: Object doesn't support this property or method" Error.
The grid is on a webcontrol and the webcontrol is wrapped in a updatepannel if that helps.


Thanks!

[Veli]

Hi tmorford,

RadGrid expand/collapse animations are not supported. The main reason is that HTML table rows (<tr>) or cells (<td>) cannot be easily animated. They do not honor the height style applied to them during animation.

Veli
the Telerik team