DxContextMenu.IconCssClassExpression Property

Specifies a lambda expression that returns a menu item icon’s CSS class.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public Expression<Func<object, string>> IconCssClassExpression { get; set; }

Property Value

Type	Description
Expression<Func<Object, String>>	A lambda expression that returns a menu item icon’s CSS class.

Remarks

When the Context Menu component is bound to a data source, use the IconCssClassExpression property to specify the lambda expression that returns the URL of a menu item icon’s CSS class.

<DxContextMenu Data="@MenuItems"
               IconCssClassExpression="(item => (item as TextFormattingMenuItem).IconCssClass)">
</DxContextMenu>

@code {
    List<TextFormattingMenuItem> menuItems;

    abstract class TextFormattingMenuItem {
        protected TextFormattingMenuItem(TextFormatting textFormatting, string text) {
            TextFormatting = textFormatting;
            Text = text;
        }

        public TextFormatting TextFormatting { get; }
        public string Text { get; }
        public virtual string IconCssClass { get { return null; } }
    }
}

Run Demo: Context Menu - Bind to Hierarchical Data

For unbound context menus, use the IconCssClass property to specify an item’s icon.