Blazor中如何屏蔽CascadingValue或排除组件的EditContext关联？

在<EditForm>内部使用部分DevExpress Blazor组件时会出现功能异常，经排查确认根因：<EditForm>会通过CascadingValue向下传递EditContext级联参数，当检测到该上下文存在时，DevExpress Dx系列控件会强制要求显式设置ValueExpression、CheckedExpression这类*Expression类型的表达式属性，否则直接抛出运行时异常。

典型复现场景为：在<EditForm>内放置启用列选择器的DxGrid组件，尝试打开列选择器时会抛出如下异常：

System.InvalidOperationException: DevExpress.Blazor.DxCheckBox requires a value for the 'CheckedExpression' property.

最简复现代码如下：

<EditForm Model="data">
    <input type="number" @bind-value="data.Id" />
    <DxCheckBox
        T="bool"
        Checked="unrelatedValue" 
        CheckedChanged="b => unrelatedValue = b">
    </DxCheckBox>
</EditForm>

@code {
    private DataObject data = new DataObject();

    private bool unrelatedValue;

    public class DataObject
    {
        public int? Id { get; set; }
    }
}

将上述示例中的<DxCheckBox>移动到<EditForm>标签外部时，异常不会触发。核心诉求为寻找可行方案，屏蔽CascadingValue传递，或是将特定组件排除在EditContext作用范围之外，使其无需强制设置*Expression类属性。

可根据实际业务场景选择以下两种处理方式：

• 方案一：隔离不需要与EditForm联动的组件
  利用Blazor级联参数就近覆盖的特性，在需要排除EditContext作用范围的组件外层包裹一个值为null的CascadingValue<EditContext>，直接屏蔽上层EditForm传递的EditContext。该方案无需修改内部DevExpress组件的属性，尤其适合处理第三方组件内部自带、无法直接修改属性的控件（比如DxGrid列选择器内置的DxCheckBox）。
  示例代码：

  <EditForm Model="data">
      <input type="number" @bind-value="data.Id" />
      <!-- 包裹范围内的所有组件都不会感知到上层EditContext -->
      <CascadingValue TValue="EditContext" Value="null">
          <DxCheckBox
              T="bool"
              Checked="unrelatedValue" 
              CheckedChanged="b => unrelatedValue = b">
          </DxCheckBox>
          <!-- 启用列选择器的DxGrid等不需要和表单联动的组件可直接放置在此区域 -->
      </CascadingValue>
  </EditForm>
  

• 方案二：按组件要求补充表达式属性
  如果对应Dx组件本身需要和EditForm做数据校验、表单联动，直接显式为组件补充对应的*Expression属性即可，异常会直接消除。以上述复现代码中的DxCheckBox为例，补充CheckedExpression属性的写法如下：

  <DxCheckBox
      T="bool"
      Checked="unrelatedValue" 
      CheckedChanged="b => unrelatedValue = b"
      CheckedExpression="@(() => unrelatedValue)">
  </DxCheckBox>
  

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