DxContextMenu.IconCssClassExpression Property

OBSOLETE

This property is obsolete now. Add the DataMappings tag to markup, define a collection of DxContextMenuDataMapping items, and map item properties to data source fields instead.

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Browsable(false)]
[Obsolete("This property is obsolete now. Add the DataMappings tag to markup, define a collection of DxContextMenuDataMapping items, and map item properties to data source fields instead.")]
[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 - Data Binding

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

See Also