Vue Popup - toolbarItems
location
When using the widget as an ASP.NET MVC Control, specify this option using the ToolbarItemLocation
enum. This enum accepts the following values: Before
, After
and Center
.
options
Specifies a configuration object for the widget that presents a toolbar item.
When using ASP.NET MVC Controls, configure the widget with a lambda expression in the following manner.
- // Instead of Popup here you can use Popover
- @(Html.DevExtreme().Popup()
- .ToolbarItems(items => {
- items.Add().Widget(w => w
- // Instead of Button here can be any other widget
- .Button()
- .Text("Back")
- );
- })
- )
- ' Instead of Popup here you can use Popover
- @(Html.DevExtreme().Popup() _
- .ToolbarItems(Sub(items)
- items.Add().Widget(Function(w)
- ' Instead of Button here can be any other widget
- Return w.Button().Text("Back")
- End Function)
- End Sub)
- )
template
Whether you use a default or a custom template for widget items, you can specify a specific template for a particular item. To do so, set the template field for the data source object of this item. The following types of the specified value are available.
- Assign a jQuery object of the template's container.
- Assign a DOM Node of the template's container.
- Assign a function that returns the jQuery object or a DOM Node of the template's container.
toolbar
When using the widget as an ASP.NET MVC Control, specify this option using the Toolbar
enum. This enum accepts the following values: Top
and Bottom
.
widget
When using ASP.NET MVC Controls, configure the widget with a lambda expression in the following manner.
- // Instead of Popup here you can use Popover
- @(Html.DevExtreme().Popup()
- .ToolbarItems(items => {
- items.Add().Widget(w => w
- // Instead of Button here can be any other widget
- .Button()
- .Text("Back")
- );
- })
- )
- ' Instead of Popup here you can use Popover
- @(Html.DevExtreme().Popup() _
- .ToolbarItems(Sub(items)
- items.Add().Widget(Function(w)
- ' Instead of Button here can be any other widget
- Return w.Button().Text("Back")
- End Function)
- End Sub)
- )
If you have technical questions, please create a support ticket in the DevExpress Support Center.