This is a migrated thread and some comments may be shown as answers.

SiteMap with BreadCrumb in Wizard

1 Answer 87 Views
SiteMap
This is a migrated thread and some comments may be shown as answers.
Sophia
Top achievements
Rank 1
Sophia asked on 24 Feb 2015, 03:43 PM
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

1 Answer, 1 is accepted

Sort by
0
Hristo Valyavicharski
Telerik team
answered on 27 Feb 2015, 03:38 PM
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.

 
Tags
SiteMap
Asked by
Sophia
Top achievements
Rank 1
Answers by
Hristo Valyavicharski
Telerik team
Share this question
or