telerik tree view is not showing in jquery

2 posts, 0 answers
  1. faisal
    faisal avatar
    34 posts
    Member since:
    May 2011

    Posted 13 May 2011 Link to this post

    Hi,


    i am working in jquery accordion menu. i want to put treeview in a tab of accordion but its not showing tree view.
    when i simple put this on page it is showing. plz help me

    code here   : i am populating that treeview dynamically

       <div id="accordion1" class="basic">
                <a href="#">Fleet</a>           
                <div style="width: 100%; height: 100%">                                          
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>                                                  
                                <telerik:RadTreeView runat="server" ID="RadTreeView1" OnClientContextMenuItemClicked="onContextMenuItemClicked"
                                    OnNodeClick="NodeClicked" OnContextMenuItemClick="RadTreeView2_ContextMenuItemClick">
                                    <ContextMenus>
                                        <telerik:RadTreeViewContextMenu ID="menu1" EnableRoundedCorners="true" EnableShadows="true">
                                            <Items>
                                                <telerik:RadMenuItem Text="MoveUp" />
                                                <telerik:RadMenuItem Text="MoveDown" />
                                                <telerik:RadMenuItem Text="Send E-Mail" />
                                                <telerik:RadMenuItem Text="Refresh" />
                                            </Items>
                                        </telerik:RadTreeViewContextMenu>
                                        <telerik:RadTreeViewContextMenu ID="menu2" EnableRoundedCorners="true" EnableShadows="true">
                                            <Items>
                                                <telerik:RadMenuItem Text="Copy" />
                                                <telerik:RadMenuItem Text="Paste" />
                                                <telerik:RadMenuItem Text="Refresh" />
                                                <telerik:RadMenuItem Text="Properties" />
                                            </Items>
                                        </telerik:RadTreeViewContextMenu>
                                    </ContextMenus>
                                  
                                </telerik:RadTreeView>
                            
                            </ContentTemplate>
                        </asp:UpdatePanel>            
                </div>
                <a href="#">Administration</a>
                <div>
                    <p style="font-weight: bold;">
                        Sed Non Urna</p>
                    <p>
                        Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit,
                        dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus
                        libero ac justo.</p>
                    <p>
                        Vivamus non quam. In suscipit faucibus urna.</p>
                </div>
                <a href="#">Auto Reports & Alerts</a>
                <div>
                    <p>
                        Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus
                        pellentesque purus in massa. Aenean in pede.</p>
                    <p>
                        Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna
                        quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.</p>
                    <ul>
                        <li>List item one</li>
                        <li>List item two</li>
                        <li>List item three</li>
                    </ul>
                </div>
                <a href="#">History Playback</a>
                <div>
                    <label for="pickerfieldStart">
                        <b>Start date</b></label>
                    <input id="pickerfieldStart" type="text" value="2010-08-03 00:12:39"/>
                    <br />
                    <label for="pickerfieldEnd">
                        <b>End date</b></label>
                    <input id="pickerfieldEnd" type="text" value="2010-08-03 08:16:13" />
                    <br />
                    <input id="btnPlay" type="button" value="Play" onclick="CheckForSnailTrail();" />&nbsp;
                    <input id="btnPause" type="button" value="Pause" onclick="TemporarilyPauseSnailTrail();" />&nbsp;
                    <input id="btnClear" type="button" value="Clear" onclick="ClearSnailTrail();" />&nbsp;
                    <br />
                    <div id="divSnailTrailSummary">
                    </div>
                </div>
                <a href="#">POI Fences</a>
                <div>
                    <p>
                        Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus
                        pellentesque purus in massa. Aenean in pede.</p>
                    <p>
                        Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna
                        quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.</p>
                    <ul>
                        <li>List item one</li>
                        <li>List item two</li>
                        <li>List item three</li>
                    </ul>
                </div>
            </div>


    With Regards,


    Faisal
  2. Nikolay Tsenkov
    Admin
    Nikolay Tsenkov avatar
    734 posts

    Posted 18 May 2011 Link to this post

    Hello faisal,

    Please, open a support ticket and send us a runnable sample, making all the necessary js includes, and please, provide us with all required know-how info on the jQuery UI we will need in order to further investigate the problem you experience.

    This is a third-party framework, so it might require additional work and setup in order to use it with our controls.


    Regards,
    Nikolay Tsenkov
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top