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

[Solved] Panelbar used to dynamically load view into splitter pane

1 Answer 71 Views

PanelBar

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

This question is locked. New answers and comments are not allowed.

David asked on 24 Aug 2011, 01:07 PM

Hi,

Im trying to get the following to work but I don't know if it's even possible with the telerik mvc controls. I have a splitter with 2 panes. The left contains a panelbar that I'd like to use as a menu. At the moment the first item in the panelbar has an action that means when it's clicked it does a page refresh to another url. Is it possible to have the panelbar dynamically load the content of the right hand pane with another view without refreshing the entire page?

Look forward to any help.

Regards
David

Html.Telerik().Splitter().Name("Splitter1")

.Orientation(SplitterOrientation.Horizontal)

.Panes(hPanes => {

hPanes.Add()

.Size("300px")

.Collapsible(false)

.Resizable(false)

.Content(() => {

Html.Telerik().PanelBar()

.Name("PanelBar")

.HtmlAttributes(new { style = "height: 100%; border: 0;" })

.ExpandMode(PanelBarExpandMode.Single)

.SelectedIndex(0)

.Items(item =>

{

item.Add()

.Text("Administration")

.ImageHtmlAttributes(new { alt = "Mail Icon" })

.Items(subItem =>

{

subItem.Add()

.Text("Manage Class Types")

.Action("Index", "Home")

.ImageHtmlAttributes(new { alt = "Manage Class Types" });

subItem.Add()

.Text("My Folders")

.ImageHtmlAttributes(new { alt = "Personal Folders Icon" });

});

item.Add()

.Text("Reliability")

.Items(subItem =>

{

subItem.Add()

.Text("View Reliability Data")

.ImageHtmlAttributes(new { alt = "Personal Folders Icon" });

subItem.Add()

.Text("My Folders")

.ImageHtmlAttributes(new { alt = "Personal Folders Icon" });

});

}).Render();

});

hPanes.Add()

.Collapsible(false)

.Resizable(false)

.Content(() => {%>

<p>Outer splitter : bottom pane</p>

<%});

})

.Render();

[Solved] Panelbar used to dynamically load view into splitter pane

1 Answer, 1 is accepted