如何控制MudTable中可编辑行？能否通过条件限制行编辑权限？

MudTable完全支持通过自定义条件控制哪些行可编辑，核心思路是在渲染行内编辑组件时，根据行数据的属性动态判断是否启用编辑功能。

具体实现步骤 #

• 基于行数据属性做判断：无需额外新增字段，直接利用现有数据的属性（如状态、日期、权限等级等）作为判断条件。
• 控制编辑组件状态：在列的EditTemplate中，通过编辑组件的Disabled属性绑定条件表达式，禁用不符合要求的行的编辑功能；也可以控制编辑按钮的可用性。

示例代码 #

假设我们有一个Order业务模型：

public class Order
{
    public int Id { get; set; }
    public string OrderNo { get; set; }
    public OrderStatus Status { get; set; } // 订单状态：待审核/已完成/已取消
    public DateTime CreateTime { get; set; }
}

public enum OrderStatus
{
    PendingReview,
    Completed,
    Cancelled
}

在MudTable中实现条件编辑：

<MudTable Items="@Orders" Editable="true" @ref="table">
    <Columns>
        <PropertyColumn Property="x => x.OrderNo" Title="订单号" />
        <PropertyColumn Property="x => x.Status" Title="订单状态" />
        <PropertyColumn Property="x => x.CreateTime" Title="创建时间">
            <EditTemplate>
                <!-- 仅待审核且创建时间在7天内的订单允许编辑时间 -->
                <MudDatePicker @bind-Value="@context.Item.CreateTime" 
                               Disabled="@(context.Item.Status != OrderStatus.PendingReview || 
                                           context.Item.CreateTime < DateTime.Now.AddDays(-7))" />
            </EditTemplate>
        </PropertyColumn>
        <TemplateColumn Title="操作">
            <ButtonTemplate>
                <!-- 仅待审核订单显示编辑按钮 -->
                @if (context.Item.Status == OrderStatus.PendingReview)
                {
                    <MudButton Color="Color.Primary" OnClick="@(() => table.EditRow(context.Item))">
                        编辑
                    </MudButton>
                }
                else
                {
                    <MudButton Variant="Variant.Text" Disabled="true">不可编辑</MudButton>
                }
            </ButtonTemplate>
        </TemplateColumn>
    </Columns>
</MudTable>

@code {
    private List<Order> Orders = new List<Order>
    {
        new Order { Id = 1, OrderNo = "ORD2024001", Status = OrderStatus.PendingReview, CreateTime = DateTime.Now.AddDays(-3) },
        new Order { Id = 2, OrderNo = "ORD2024002", Status = OrderStatus.Completed, CreateTime = DateTime.Now.AddDays(-10) },
        new Order { Id = 3, OrderNo = "ORD2024003", Status = OrderStatus.PendingReview, CreateTime = DateTime.Now.AddDays(-8) }
    };
    private MudTable<Order> table;
}

关键注意点 #

• 灵活定义条件：支持任意复杂的逻辑表达式，比如结合多个字段、用户权限等判断是否允许编辑。
• 双重控制更严谨：既可以禁用编辑组件的输入，也可以隐藏/禁用编辑触发按钮，避免用户误操作。
• 不影响非编辑列：未设置EditTemplate的列不受条件控制，正常显示数据。

内容的提问来源于stack exchange，提问作者Atlass-