SiteMap with BreadCrumb in Wizard

2 posts, 0 answers
  1. Sophia
    Sophia avatar
    2 posts
    Member since:
    Oct 2014

    Posted 24 Feb 2015 Link to this post

    Hi,

    I met one issue when using sitemap for breadcrumb.
    I have one wizard with 3 steps. In the second step, there are breadcrumb and grid, every time when user click one child in breadcrumb, the grid need to be refreshed but not the page, which means wizard cannot be refreshed and information in step 1 should also be there.

    Please help how to implement the sitemap with this function.
    I found the code as below but it looks like need to navigate and refresh the whole page.

                                <telerik:RadSiteMap ID="BreadCrumbSiteMap" runat="server" DataTextField="Text" DataNavigateUrlField="NavigateUrl" Skin="Silk">
                                    <DefaultLevelSettings ListLayout-RepeatDirection="Horizontal" SeparatorText=">" Layout="Flow" />
                                    
                                </telerik:RadSiteMap>

    Thanks,
    Sophia
  2. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 27 Feb 2015 Link to this post

    Hi Sophia,

    The RadSiteMap nodes are rendered as links. Use jquery to attach event handlers and put the grid inside ajax manager. Then just update the grid from the AjaxManager.

    <script type="text/javascript">
        function nodeClicked() {
            $find("<%=RadAjaxManager1.ClientID%>").ajaxRequest();
        }
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

    protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
    {
        RadGrid1.Rebind();
    }


    Regards,
    Hristo Valyavicharski
    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.

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