Asp.net 内核 razor 页 select 带枚举

Question

我正在从枚举中填充一个包含各种预定义间隔（一周、一个月等）的选择列表：

            <select asp-for="SelIntvl" asp-items="Html.GetEnumSelectList<KPI.PresetIntervals>()">
            </select>                

当页面加载时，我可以在后面的代码中设置“SelIntvl”，页面将按预期显示选定的时间间隔。

 public void OnGet(string startDate, string endDate)
 {
            ...
                SelIntvl = KPI.PresetIntervals.PastSixMonths;
            ...
 }

当用户输入开始日期和结束日期时，日期通过输入按钮应用：

            <p>
                @*<input type="submit" value="Apply" />*@
                <button class="btn-outline-secondary" type="submit">Apply</button>
            </p>

如果用户指定了开始数据和结束日期，我在后面的代码中将“SelIntvl”设置为“自定义”：

       else if (startDate != null && endDate != null) // if user specified start and end date, set the interval to 'custom'
        {
            SelIntvl = KPI.PresetIntervals.Custom;
            StartDate = DateTime.Parse(startDate);
            EndDate = DateTime.Parse(endDate);
        }

但是，这一次，在页面上选择的选项没有正确更新为“自定义”，而是显示了之前选择的间隔。 这是为什么？ 如何让选择列表显示正确的选择？ 非常感谢！

Answer 1

这是一个完整的工作演示：

Model：

public enum PresetIntervals
{
    None = 0,
    Custom = 1,
    PastSixMonths = 2,
}

隐私.cshtml：

@page
@model PrivacyModel

<form>
    <div>
        StartDate:<input asp-for="StartDate" name="startDate" />
    </div>
    <div>
        EndDate:<input asp-for="EndDate" name="endDate" />
    </div>
    <div class="form-group">
        <label asp-for="SelIntvl" class="control-label"></label>

        <select asp-for="SelIntvl" class="form-control" asp-items="Html.GetEnumSelectList<PresetIntervals>()"></select>
    </div>
    <button class="btn-outline-secondary" type="submit">Apply</button>
</form>

隐私.cshtml.cs：

public class PrivacyModel : PageModel
{
    public PresetIntervals SelIntvl { get; set; }
    public DateTime StartDate { get; set; }
    public DateTime EndDate { get; set; }

    public IActionResult OnGet(string startDate, string endDate)
    {
        if(startDate == null && endDate == null)
        {
            SelIntvl = PresetIntervals.PastSixMonths;

        }
        if (startDate != null && endDate != null)
        {
            SelIntvl = PresetIntervals.Custom;
            StartDate = DateTime.Parse(startDate);
            EndDate = DateTime.Parse(endDate);
        }
        return Page();
    }
}

结果：

如果在您的项目中仍然不起作用，您也可以尝试ModelState.Clear()重置值：

if (startDate != null && endDate != null)
{
    ModelState.Clear();
    SelIntvl = PresetIntervals.Custom;
    StartDate = DateTime.Parse(startDate);
    EndDate = DateTime.Parse(endDate);
}