Razor页面POST提交后模型列表项为空问题求助

1. 检查模型类的可访问性 #

• 确保OnboardingTestQuestions列表的元素类（比如OnboardingTestQuestion）中，需要绑定的属性都是public，且类有公共无参构造函数。私有/受保护属性会导致模型绑定器无法赋值。
  错误示例：

  public class OnboardingTestQuestion
  {
      private int Id { get; set; } // 私有属性无法被绑定
      public string Content { get; set; }
      public List<Option> Options { get; set; }
  }
  

  修正后需将所有待绑定属性改为public。

2. 确认[BindProperty]的正确使用 #

• 在Razor页面的PageModel中，若OnboardingTestQuestions是某个子模型的属性，需确保整个子模型属性标记了[BindProperty]；如果列表直接属于PageModel，也要给列表属性标记该特性。
  正确示例：

  public class StartOnboardingOnlineTestModel : PageModel
  {
      [BindProperty]
      public TestViewModel TestModel { get; set; } // 父模型标记BindProperty
  
      public class TestViewModel
      {
          public List<OnboardingTestQuestion> OnboardingTestQuestions { get; set; }
      }
  }
  

  避免只给列表单独标记，或遗漏父模型的绑定特性。

3. 核对表单控件的name属性与提交范围 #

• 即便HTML索引看起来正确，也要确认控件的name属性格式符合模型绑定要求，比如TestModel.OnboardingTestQuestions[0].SelectedOptionId。
• 所有需要提交的控件必须包裹在<form>标签内，不在表单内的控件数据不会被提交。
  正确的for循环渲染示例：

  @for (int i = 0; i < Model.TestModel.OnboardingTestQuestions.Count; i++)
  {
      <div>
          <label asp-for="TestModel.OnboardingTestQuestions[i].Content"></label>
          <input asp-for="TestModel.OnboardingTestQuestions[i].SelectedOptionId" type="radio" value="@Model.TestModel.OnboardingTestQuestions[i].Options[0].Id" />
          <input asp-for="TestModel.OnboardingTestQuestions[i].SelectedOptionId" type="radio" value="@Model.TestModel.OnboardingTestQuestions[i].Options[1].Id" />
      </div>
  }
  

4. 排查模型绑定的排除/限制规则 #

• 检查Startup/Program.cs中是否配置了自定义模型绑定规则，或是否给列表/父模型误加了[BindNever]特性——这会直接跳过该属性的绑定逻辑。

5. 查看请求的表单数据 #

• 提交表单后，用浏览器开发者工具（F12）查看POST请求的Form Data：
  • 如果没有列表相关的键值对，说明控件未正确生成或不在表单内；
  • 如果有数据但模型仍为空，需检查属性名是否匹配、数据类型是否兼容（比如字符串转整数失败）。
    正常的表单数据示例：

  TestModel.OnboardingTestQuestions[0].SelectedOptionId: 1
  TestModel.OnboardingTestQuestions[1].SelectedOptionId: 3
  

6. 确认表单提交方法 #

• 确保表单的method为post，Razor页面默认处理方法是OnPost，若用get请求，列表数据无法通过URL正确绑定到模型。建议使用Razor自带的<form asp-page="YourPage">，它会自动生成post方法和防伪造令牌。

7. 确保GET阶段列表已初始化 #

• 在OnGet方法中，必须实例化OnboardingTestQuestions列表，不能让它处于null状态。比如：

  public void OnGet()
  {
      TestModel = new TestViewModel
      {
          OnboardingTestQuestions = new List<OnboardingTestQuestion>
          {
              new OnboardingTestQuestion { Id = 1, Content = "问题1", Options = new List<Option> { ... } },
              new OnboardingTestQuestion { Id = 2, Content = "问题2", Options = new List<Option> { ... } }
          }
      };
  }
  

  空列表会导致for循环无法生成正确的绑定控件，进而影响提交后的模型解析。

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