DxDropDownButtonItem.Target Property
Specifies the target attribute’s value for the drop-down list item.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
[DefaultValue(null)]
[Parameter]
public string Target { get; set; }
#Property Value
Type | Default | Description |
---|---|---|
String | null | The |
#Remarks
Use the NavigateUrl property to specify a URL where the web browser navigates when the drop-down list item is clicked. To specify where the browser should open the URL (for example, the current window or a new tab), use the Target
property.
Refer to the MDN documentation for available property values: target. If you do not specify the Target
property value explicitly, the component applies the _self
value and opens the specified URL in the same tab.
#Example
The following code snippet opens the Documentation item’s NavigateUrl
link in the same tab and the Demos item’s link in a new tab:
<DxDropDownButton Text="Blazor Components"
RenderStyleMode="ButtonRenderStyleMode.Outline" >
<Items>
<DxDropDownButtonItem Text="Documentation"
NavigateUrl="https://docs.devexpress.com/Blazor/400725/blazor-components" />
<DxDropDownButtonItem Text="Demos"
NavigateUrl="https://demos.devexpress.com/blazor/"
Target="_blank" />
</Items>
</DxDropDownButton>