PanelBarBuilder

Methods

Items(System.Action)

Defines the items within the PanelBar declaration.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @( Html.Kendo().PanelBar()
                        .Name("PanelBar")
                        .Items(items =>
                        {
                            items.Add().Text("First Item");
                            items.Add().Text("Second Item");
                        }))

DataSource(System.Action)

Configures the DataSource of the component for remote data binding.

Parameters

configurator - System.Action<HierarchicalDataSourceBuilder>

The action that configures the DataSource of the component.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @(Html.Kendo().PanelBar()
                .Name("PanelBar")
                .DataSource(dataSource => dataSource
                    .Read(read => read.Action("Employees", "PanelBar"))
                )
             )

DataSource(System.String)

Specifies the ID of an existing DataSource component that will be used for data binding.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @(Html.Kendo().PanelBar()
                .Name("PanelBar")
                .DataSource("dataSource1")
             )
             @(Html.Kendo().DataSource<Product>()
                .Name("dataSource1")
                .Ajax(dataSource => dataSource
                    .Read(read => read.Action("Products_Read", "Home"))
                    .PageSize(20)
                )
             )

BindTo(System.Collections.Generic.IEnumerable)

Binds the PanelBar to local data. To bind the PanelBar declaratively, use the Items() method.

Parameters

items - System.Collections.Generic.IEnumerable<PanelBarItemModel>

The IEnumerable of PanelBarItemModel items.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @( Html.Kendo().PanelBar()
                .Name("PanelBar")
                .BindTo((IEnumerable<PanelBarItemModel>)ViewBag.panelbarData)
              )

BindTo(System.Collections.IEnumerable,System.Action)

Binds the PanelBar to a list of objects and map the Model properties to the PanelBarItem properties.

Parameters

dataSource - `System.Collections.IEnumerable`

The IEnumerable collection of Model.

factoryAction - System.Action<NavigationBindingFactory>

The action which will configure the mappings.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @(Html.Kendo().PanelBar()
                        .Name("PanelBar")
                        .BindTo((IEnumerable<Customer>)ViewBag.inline, (NavigationBindingFactory<PanelBarItem> mappings) =>
                        {
                            mappings.For<Customer>(binding => binding.ItemDataBound((item, customer) => // Map "Customer" properties to PanelBarItem properties
                            {
                                item.Text = customer.ContactName;
                             }).Children(c => c.Orders)); // The "child" items will be bound to the the "Orders" property
                            mappings.For<Order>(binding => binding.ItemDataBound((item, order) => // Map "Order" properties to PanelBarItem properties
                            {
                                item.Text = order.OrderName;
                             }));
                        })
             )

BindTo(System.Collections.Generic.IEnumerable,System.Action)

Binds the PanelBar to a list of objects. The PanelBar will be "flat", which means a PanelBar item will be created for every item in the data source.

Parameters

dataSource - `System.Collections.Generic.IEnumerable<T>`

The data source.

itemDataBound - System.Action<PanelBarItem,T>

The action executed for every data bound item.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @( Html.Kendo().PanelBar()
                        .Name("PanelBar")
                        .BindTo(new []{"First", "Second"}, (item, value) =>
                        {
                           item.Text = value;
                        }))

Animation(System.Boolean)

Configures the visual animations of the PanelBar.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @(Html.Kendo().PanelBar()
              .Name("PanelBar")
              .Animation(false))

Animation(System.Action)

Configures the visual animations of the PanelBar.

Parameters

animationAction - System.Action<ExpandableAnimationBuilder>

The action that configures the animations.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @(Html.Kendo().PanelBar()
               .Name("PanelBar")
               .Animation(animation => animation.Expand(config => config.Fade(FadeDirection.In))))

ItemAction(System.Action)

Defines the callback for each item.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @(Html.Kendo().PanelBar()
                        .Name("PanelBar")
                        .ItemAction(item =>
                        {
                            item
                                .Text(...)
                                .HtmlAttributes(...);
                        }))

HighlightPath(System.Boolean)

Selects the item depending on the current URL.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @( Html.Kendo().PanelBar()
               .Name("PanelBar")
               .HighlightPath(true))

ExpandAll(System.Boolean)

Renders the PanelBar with expanded items.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @(Html.Kendo().PanelBar()
               .Name("PanelBar")
               .ExpandAll(true))

SelectedIndex(System.Int32)

Selects the item at the specified index.

RETURNS

Returns the current PanelBarBuilder instance.

Example

Razor

 
             @( Html.Kendo().PanelBar()
                        .Name("PanelBar")
                        .Items(items =>
                        {
                            items.Add().Text("First Item");
                            items.Add().Text("Second Item");
                        })
                        .SelectedIndex(1))

If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration.

 
            @(Html.Kendo().PanelBar()
                  .Name("PanelBar")
                  .Events(events => events
                      .Activate("onActivate")
                  )
            )

addAction - System.Action<PanelBarItemFactory>

configurator - System.Action<HierarchicalDataSourceBuilder>

items - System.Collections.Generic.IEnumerable<PanelBarItemModel>

factoryAction - System.Action<NavigationBindingFactory>

itemDataBound - System.Action<PanelBarItem,T>

animationAction - System.Action<ExpandableAnimationBuilder>

action - System.Action<PanelBarItem>

configurator - System.Action<PanelBarMessagesSettingsBuilder>

configurator - System.Action<PanelBarEventBuilder>