Blazor组件参数赋值：自定义计算值或保留组件默认值

核心思路是：只有当存在有效计算值时才显式设置参数，无计算值时不指定该参数，这样组件就会自动使用自身的默认计算值，不会被空字符串、0这类值覆盖。

方法一：条件渲染列组件 #

通过判断是否能获取到有效宽度值，分别渲染带Width参数和不带Width参数的列：

<DxGrid Data="@data" @ref="Grid">
    <Columns>
        @foreach (DataColumn col in data.Columns)
        {
            @if (TryGetColumnWidth(col.ColumnName, out var width))
            {
                <DxGridDataColumn FieldName="@col.ColumnName" Width="@width" />
            }
            else
            {
                <DxGridDataColumn FieldName="@col.ColumnName" />
            }
        }
    </Columns>
</DxGrid>

@code {
    private DxGrid Grid { get; set; }
    private DataTable data { get; set; }
    private Dictionary<string, string> ColumnWidths { get; set; } = new();

    // 替换成你的宽度计算逻辑
    private bool TryGetColumnWidth(string columnName, out string width)
    {
        return ColumnWidths.TryGetValue(columnName, out width);
    }
}

方法二：返回null使用可选参数绑定 #

如果DxGridDataColumn的Width参数支持可空类型（DevExpress的DxGrid中Width为string?类型），可以直接在获取宽度时返回null，Blazor会自动忽略该参数，组件使用默认值：

<DxGrid Data="@data" @ref="Grid">
    <Columns>
        @foreach (DataColumn col in data.Columns)
        {
            var width = GetColumnWidth(col.ColumnName);
            <DxGridDataColumn FieldName="@col.ColumnName" Width="@width" />
        }
    </Columns>
</DxGrid>

@code {
    private DxGrid Grid { get; set; }
    private DataTable data { get; set; }
    private Dictionary<string, string> ColumnWidths { get; set; } = new();

    // 有计算值返回对应宽度，无值返回null
    private string? GetColumnWidth(string columnName)
    {
        return ColumnWidths.TryGetValue(columnName, out var width) ? width : null;
    }
}

关键注意事项 #

• 避免传递空字符串、0这类“占位值”，因为这些会被组件识别为有效参数值，从而覆盖默认计算结果；
• 若组件参数为值类型（如int），需确保参数支持可空（int?），否则只能使用方法一的条件渲染方式。

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