FireFox Not Responding if RadGrid has Hierarchz with templates

[El]

I followed this demo 

http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx

And now it works perfectly in IE but in Firefox it makes the browser not responding. Are you aware of this issue?

This is just a copy/paste operation with the same data .. i even created DB with identical tables structure. 

Please let me know if i can fix this issue somehow. 

Thanks

[Vasil]

Hello El,

Check the attached sample web site. I used the code from the demo, and it work properly here on Firefox. Could you please test if it will work on your machine as well?

Additionally, note that the content in the non-expanded NestedViewTemplate is invisible, thus not rendered, when the page loads.

Kind regards,
Vasil
the Telerik team

[El]

Ok, i am not able to test the example you posted to me as i needed to downgrade it so i gave up. However i trust you that it works. 

In addition my hierarchy looks a bit different and. .. actually please take a look at it and tell me if you see something suspicious. 

The idea was originally taken from here: http://demos.telerik.com/aspnet-ajax/grid/examples/programming/detailtabledatabind/defaultcs.aspx

001.<telerik:RadGrid ID="RadGrid1" runat="server" Skin="Windows7"
002.    AllowAutomaticDeletes="true"
003.    AllowAutomaticUpdates="true"
004.    AllowAutomaticInserts="true"
005.    AllowPaging="true"
006.    PageSize="10" GridLines="None"
007.    AutoGenerateColumns="false"
008.    AutoGenerateDeleteColumn="false">
009.
010.<MasterTableView DataKeyNames="PaymentID" CommandItemDisplay="Top" PagerStyle-Position="Bottom" PagerStyle-Mode="NextPrevAndNumeric">
011.<CommandItemSettings AddNewRecordText="Add new payment" />
012.<NoRecordsTemplate>
013.    <asp:Label ID="NoRecordsLabel" runat="server" Text="There isn't payment for this customer yet!" />
014.</NoRecordsTemplate>
015.<DetailTables>
016.    <telerik:GridTableView DataKeyNames="POID" Name="OrdersOnPayment" Width="100%">
017.        <DetailTables>
018.            <telerik:GridTableView DataKeyNames="order_ID" Name="OrderDetails" Width="100%">
019.                    <NoRecordsTemplate>
020.                        There is no data for this order.
021.                    </NoRecordsTemplate>
022.                    <Columns>
023.                        <telerik:GridNumericColumn HeaderText="Order Total" HeaderButtonType="TextButton" DataField="OrderTotal" NumericType="Currency" />
024.                        <telerik:GridDateTimeColumn HeaderText="Date Shipped" HeaderButtonType="TextButton" DataField="DateShipped" />
025.                        <telerik:GridNumericColumn HeaderText="Store Profit" HeaderButtonType="TextButton" DataField="StoreProfit" NumericType="Currency" />
026.                    </Columns>
027.            </telerik:GridTableView>
028.        </DetailTables>
029.        <NoRecordsTemplate>
030.            There are not orders on this payment.
031.        </NoRecordsTemplate>
032.        <Columns>
033.            <telerik:GridTemplateColumn HeaderText="Order No.">
034.                <ItemTemplate>
035.                    <a href="Details.aspx?Order=<%# Eval("fkOrderNum") %>" target="_blank">
036.                        <asp:Label ID="OrderNumberLabel" runat="server" Text='<%# Eval("fkOrderNum") %>' />
037.                    </a>
038.                </ItemTemplate>
039.            </telerik:GridTemplateColumn>
040.            <telerik:GridBoundColumn HeaderText="Store Owner" HeaderButtonType="TextButton" DataField="StoreOwner" />
041.        </Columns>
042.    </telerik:GridTableView>
043.</DetailTables>
044.
045.<Columns>
046.    <telerik:GridTemplateColumn HeaderText="Payment ID" UniqueName="IDCol" Display="true">
047.        <ItemTemplate>
048.            <asp:Label ID="NoteID" runat="server" Text='<%# Eval("PaymentID") %>' />
049.        </ItemTemplate>
050.    </telerik:GridTemplateColumn>
051.    <telerik:GridTemplateColumn HeaderText="Commission Type" UniqueName="CommissionTypeCol">
052.        <ItemTemplate>
053.            <asp:Label Text='<%# Eval("CommissionType") %>' ID="CommissionTypeLabel" runat="server" />
054.        </ItemTemplate>
055.        <EditItemTemplate>
056.           <telerik:RadComboBox runat="server" ID="CommissionTypeEdit" />
057.        </EditItemTemplate>
058.    </telerik:GridTemplateColumn>
059.
060.    <telerik:GridTemplateColumn HeaderText="Amount" UniqueName="AmountCol">
061.        <ItemTemplate>
062.            <asp:Label Text='<%# String.Format("${0:n2}", Decimal.Parse(Eval("Amount").ToString)) %>' ID="AmountLabel" runat="server" />
063.        </ItemTemplate>
064.        <EditItemTemplate>
065.            <telerik:RadNumericTextBox ID="AmountEdit" runat="server" Value="0" Width="100px" MaxLength="100" MinValue="0" MaxValue="100000" Type="Currency" Skin="Windows7" EmptyMessage="amount" NumberFormat-DecimalDigits="2" />
066.        </EditItemTemplate>
067.    </telerik:GridTemplateColumn>
068.
069.    <telerik:GridTemplateColumn HeaderText="Date Sent" UniqueName="DateSentCol">
070.        <ItemTemplate>
071.            <asp:Label Text='<%# Eval("DateSent") %>' runat="server" id="DateSentLabel" />
072.        </ItemTemplate>
073.        <EditItemTemplate>
074.            <telerik:RadDateTimePicker ID="DateSentEdit" runat="server" Skin="Windows7" />
075.        </EditItemTemplate>
076.    </telerik:GridTemplateColumn>
077.    <telerik:GridTemplateColumn HeaderText="Check No." UniqueName="CheckNumberCol">
078.        <ItemTemplate>
079.            <asp:Label Text='<%# Eval("CheckNumber") %>' ID="CheckNumberLabel" runat="server" />
080.        </ItemTemplate>
081.        <EditItemTemplate>
082.            <telerik:RadNumericTextBox ID="CheckNumberEdit" runat="server" Width="200px" MaxLength="16" Skin="Windows7"
083.            Type="Number" MinValue="0" MaxValue="100000000000"
084.            NumberFormat-DecimalDigits="0" NumberFormat-GroupSeparator="" NumberFormat-AllowRounding="false" />
085.        </EditItemTemplate>
086.    </telerik:GridTemplateColumn>
087.     <telerik:GridTemplateColumn HeaderText="Entered By" UniqueName="EnteredByCol">
088.        <ItemTemplate>
089.            <asp:Label Text='<%# Eval("EnteredBy") %>' runat="server" id="EnteredByLabel" />
090.        </ItemTemplate>
091.    </telerik:GridTemplateColumn>
092.
093.    <telerik:GridEditCommandColumn HeaderText=""
094.    EditImageUrl="~/admin/images/gridedit.gif"
095.    ButtonType="ImageButton" />
096.
097.    <telerik:GridButtonColumn
098.    ButtonType="ImageButton"
099.    CommandName="Delete"
100.    HeaderText=""
101.    ImageUrl="~/admin/images/griddelete.gif"
102.    ConfirmDialogType="RadWindow"
103.    ConfirmText="Are you sure you want to delete this payment?" />
104.</Columns>
105.
106.</MasterTableView>
107.
108.<ClientSettings>
109.        <Selecting AllowRowSelect="True" />
110.</ClientSettings>
111.
112.</telerik:RadGrid>

In the NeedDataSource event i am just setting DataSource of the RadGrid1.

1.RadGrid1.DataSource = Commission.GetPayments(Convert.ToInt32(CType(Parent.FindControl("User"), RadComboBox).SelectedValue))

Once again it works like a charm in IE and Opera. Only Firefox is not responding if i run the certain page. :(

[Vasil]

Hello El,

I used your code, just modified the DataSource and it works fine here on Firefox. See the attached screenshot.
I used the code-behind bellow:

class Payment
{
    public int fkOrderNum
    {
        get;
        set;
    }
    public int PaymentID
    {
        get;
        set;
    }
    public string CommissionType
    {
        get;
        set;
    }
    public int Amount
    {
        get;
        set;
    }
    public DateTime DateSent
    {
        get;
        set;
    }
    public int CheckNumber
    {
        get;
        set;
    }
    public int EnteredBy
    {
        get;
        set;
    }
    public int POID
    {
        get;
        set;
    }
    public int order_ID
    {
        get;
        set;
    }
}


protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
    List<Payment> Payments = new List<Payment>();
    Payment p = new Payment();
    p.PaymentID = 123;
    p.fkOrderNum = 1;
    p.Amount = 10;
    p.DateSent = DateTime.Now;
    p.CheckNumber = 11;
    p.POID = 0;
    p.order_ID = 0;
    Payments.Add(p);
    RadGrid1.DataSource = Payments;
    //RadGrid1.DataSource = Commission.GetPayments(Convert.ToInt32(CType(Parent.FindControl("User"), RadComboBox).SelectedValue));
}

Additionally, which version of Firefox you do use? Try to update the browser and see if it works.

All the best,
Vasil
the Telerik team