TreeList content NOT show in IE7

6 posts, 1 answers
  1. Jianjun
    Jianjun avatar
    11 posts
    Member since:
    Sep 2013

    Posted 14 May 2014 Link to this post

    Hi All,

    I'm using telerik Q3 for development. I put a RadTreeList in a NestedViewTemplate of a RadGrid, then bind the RadTreeList data in NeedDataSource event. It worked in IE8+, but for the IE7, the content can NOT show while the header show perfect. Can any one help on this?

    Code as bellow:
    <telerik:RadGrid ID="blockdetails_grid" runat="server" CssClass="teterik_chart_grid telerik-grid" Height="99.8%" Width="99.8%" ShowStatusBar="true" AutoGenerateColumns="False"
    AllowMultiRowSelection="False" GridLines="None" AllowPaging="true" PageSize="10" OnItemDataBound="BlockDetails_Grid_ItemDataBound"
    OnNeedDataSource="BlockDetails_Grid_NeedDataSource" OnItemCommand="BlockDetails_Grid_ItemCommand">
    <ClientSettings EnableRowHoverStyle="true">
    <Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" />
    </ClientSettings>
    <PagerStyle Mode="NumericPages"></PagerStyle>
    <MasterTableView Width="100%" DataKeyNames="Name" AllowMultiColumnSorting="false">
    <HeaderStyle BackColor="#E1E1E1" />
    <NestedViewTemplate>
    <telerik:RadTreeList runat="server" ID="blockdetails_treelist" CssClass="teterik_chart_grid telerik-treelist" Height="99.8%" Width="99.8%"
    DataKeyNames="i_session_id" ParentDataKeyNames="i_blocked_by" OnNeedDataSource="BlockDetails_TreeList_NeedDataSource"
    AutoGenerateColumns="false" ShowTreeLines="false">
    <HeaderStyle BackColor="#E1E1E1" />
    <Columns>
    <telerik:TreeListTemplateColumn HeaderText="SessionID" DataField="i_session_id" UniqueName="i_session_id" HeaderStyle-Width="5%" ItemStyle-Width="5%">
    <ItemTemplate>
    <asp:LinkButton runat="server" ID="sessionid_linkbutton" Text='<%# DataBinder.Eval(Container.DataItem, "i_session_id") %>' OnClientClick="return clientSessionIDClick(this);"></asp:LinkButton>
    </ItemTemplate>
    </telerik:TreeListTemplateColumn>
    <telerik:TreeListBoundColumn HeaderText="Level" DataField="i_level" UniqueName="i_level" HeaderStyle-Width="5%" ItemStyle-Width="5%"></telerik:TreeListBoundColumn>
     </Columns>
    </telerik:RadTreeList>
    </NestedViewTemplate>
    <Columns>
    <telerik:GridBoundColumn HeaderText="Server Name" DataField="Name" UniqueName="ServerName" HeaderButtonType="TextButton">
    </telerik:GridBoundColumn>
     </Columns>
    </MasterTableView>
    </telerik:RadGrid>
  2. Jianjun
    Jianjun avatar
    11 posts
    Member since:
    Sep 2013

    Posted 14 May 2014 Link to this post

    I enable Scrolling in client and it render strange, code like:
    <NestedViewTemplate>
                        <telerik:RadTreeList runat="server" ID="blockdetails_treelist" CssClass="teterik_chart_grid telerik-treelist" Height="99.8%" Width="99.8%"
                            DataKeyNames="i_session_id" ParentDataKeyNames="i_blocked_by" OnNeedDataSource="BlockDetails_TreeList_NeedDataSource"
                            AutoGenerateColumns="false" ShowTreeLines="false">
                            <HeaderStyle BackColor="#E1E1E1" />
                            <ClientSettings>
                                <Scrolling AllowScroll="true" SaveScrollPosition="true" />
                            </ClientSettings>
                            <Columns>
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jianjun
    Jianjun avatar
    11 posts
    Member since:
    Sep 2013

    Posted 15 May 2014 Link to this post

    Almost solved this issue by adding a Div out of RadTreeList, but still NOT exactly like what I want. Code as bellow:
    <NestedViewTemplate>
                        <div style="height: auto; width: 100%; float: left; display: inline-block; zoom: 1; *display: inline-block;">
                            <telerik:RadTreeList runat="server" ID="blockdetails_treelist" CssClass="teterik_chart_grid telerik-grid"
                                DataKeyNames="i_session_id" ParentDataKeyNames="i_blocked_by"
  5. Eyup
    Admin
    Eyup avatar
    3009 posts

    Posted 19 May 2014 Link to this post

    Hello Jianjun,

    I have created a sample RadGrid web site to test the described behavior. Please run the attached application and implement the demonstrated approaches in your own application let me know about the result.

    Regards,
    Eyup
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. Jianjun
    Jianjun avatar
    11 posts
    Member since:
    Sep 2013

    Posted 19 May 2014 Link to this post

    Hi Eyup,

    Thanks for this reply. I tried your code and it did not work. In IE7, it looks like the original issue I met and in IE10, it looks like div I used. Both of them are NOT what I want. But still thanks for you reply.
  7. Answer
    Eyup
    Admin
    Eyup avatar
    3009 posts

    Posted 22 May 2014 Link to this post

    Hello Jianjun,

    In that case I would suggest that you open a formal support ticket to send us the modified version of the sample or a new runnable web site demonstrating the exact problematic behavior. Thus, we will be able to further debug and analyze the project and suggest a more accurate and more-to-point solution.

    Regards,
    Eyup
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017