Skip to main content

Seamless Integration with DevExpress Data Editors

DevExpress Data Editors can be seamlessly integrated into a FormLayout bound to data. In this case, the nested Data Editor is automatically bound to the corresponding field of the data source. To use DevExpress Data Editors for editing and displaying data source fields, do the following.

Below is a list of DevExpress Data Editors that can be seamlessly integrated with the FormLayout.

The code sample below demonstrates how to nest a TextBox data editor into a layout item.

@Html.DevExpress().FormLayout(settings => {
    settings.Name = "FormLayout1";
    settings.Items.Add(itemSettings => {
        itemSettings.FieldName = "FirstName";
        // Nesting a TextBox data editor into this layout item
        itemSettings.NestedExtensionType = FormLayoutNestedExtensionItemType.TextBox;
    });    
    //...
}).Bind(Model).GetHtml()
See Also