Skip to main content

MVCxFormLayoutItemCollection<ModelType>.AddTabbedGroupItem<ValueType>(Expression<Func<ModelType, ValueType>>, Action<MVCxTabbedFormLayoutGroup<ModelType>>) Method

Adds a tabbed layout group to the MVCxFormLayoutItemCollection<ModelType> collection and binds this tabbed group to the specified Model field.

Namespace: DevExpress.Web.Mvc

Assembly: DevExpress.Web.Mvc5.v24.2.dll

NuGet Package: DevExpress.Web.Mvc5

#Declaration

public MVCxTabbedFormLayoutGroup<ModelType> AddTabbedGroupItem<ValueType>(
    Expression<Func<ModelType, ValueType>> expression,
    Action<MVCxTabbedFormLayoutGroup<ModelType>> method
)

#Parameters

Name Type Description
expression Expression<Func<ModelType, ValueType>>

An expression that identifies the object that contains the properties to edit or display.

method Action<MVCxTabbedFormLayoutGroup<ModelType>>

A delegate method that accepts MVCxTabbedFormLayoutGroup<ModelType> as a parameter.

#Type Parameters

Name
ValueType

#Returns

Type Description
MVCxTabbedFormLayoutGroup<ModelType>

An MVCxTabbedFormLayoutGroup<ModelType> object that is the newly added tabbed layout group.

#Remarks

Use the AddTabbedGroupItem<ValueType> method to add a customized tabbed layout group bound to the specified Model field.

Refer to the Binding to Data and Item Manipulation topics to learn more.

#Example

The code sample below demonstrates how to add a customized tabbed layout group with items bound to the specified Model field to the FormLayout extension.

@Html.DevExpress().FormLayout(settings =>
{
    settings.Name = "FormLayout1";

    //Adding a bound to a Model field layout group with layout items
    settings.Items.AddTabbedGroupItem(m => m.Contacts, g => 
    {
        //Adding bound to Model fields layout items
        g.Items.Add(i => i.Contacts.Phone);
        g.Items.Add(i => i.Contacts.Email);
    });
    ...
}).GetHtml()
See Also