React 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.