Skip to main content
All docs
V25.1
  • DxTreeListDataColumn.DataRowEditorVisible Property

    Specifies whether to render the editor associated with this column in the column edit cell, edit form, or pop-up edit form.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(true)]
    [Parameter]
    public bool DataRowEditorVisible { get; set; }

    Property Value

    Type Default Description
    Boolean true

    true to render the column editor; false to hide the editor.

    Remarks

    The TreeList component generates editors for columns based on associated data types and automatically displays these editors in the filter row and in data rows during edit operations. Set the column’s DataRowEditorVisible property to false to render display text instead of the editor in the column edit cell. To hide the filter row editor, set the FilterRowEditorVisible property to false.

    The GetEditor(String) method allows you to get a column editor and place it in the inline or pop-up edit form. If the column’s DataRowEditorVisible property is set to false, the method returns an empty render fragment instead of the editor.

    The following code snippet hides the editor associated with the ID column:

    @inject EmployeeTaskService EmployeeTaskService
    
    <DxTreeList Data="TreeListData"
                KeyFieldName="Id"
                ParentKeyFieldName="ParentId"
                EditModelSaving="TreeList_EditModelSaving"
                DataItemDeleting="TreeList_DataItemDeleting"
                CustomizeEditModel="TreeList_CustomizeEditModel">
        <Columns>
            <DxTreeListCommandColumn />
            <DxTreeListDataColumn FieldName="Id" Caption="ID" DataRowEditorVisible="false" />
            <DxTreeListDataColumn FieldName="Name" Caption="Task" />
            <DxTreeListDataColumn FieldName="EmployeeName" />
            <DxTreeListDataColumn FieldName="StartDate" />
            <DxTreeListDataColumn FieldName="DueDate" />
        </Columns>
    </DxTreeList>
    
    @code {
        List<EmployeeTask> TreeListData { get; set; }
    
        protected override void OnInitialized() {
            TreeListData = EmployeeTaskService.GenerateData();
        }
        void TreeList_CustomizeEditModel(TreeListCustomizeEditModelEventArgs e) {
            if(e.IsNew) {
                var newTask = (EmployeeTask)e.EditModel;
                newTask.Id = TreeListData.Max(x => x.Id) + 1;
                if(e.ParentDataItem != null)
                    newTask.ParentId = ((EmployeeTask)e.ParentDataItem).Id;
            }
        }
        async Task TreeList_EditModelSaving(TreeListEditModelSavingEventArgs e) {
            if(e.IsNew)
                TreeListData.Add((EmployeeTask)e.EditModel);
            else
                e.CopyChangesToDataItem();
        }
        async Task TreeList_DataItemDeleting(TreeListDataItemDeletingEventArgs e) {
            TreeListData.Remove((EmployeeTask)e.DataItem);
        }
    }
    
    See Also