使用枚举展示数据时出现非可空枚举参数空值错误，寻求技术帮助

问题分析 #

你遇到的错误核心是：控制器的Details方法中sortField是非可空枚举类型，但请求中这个参数没有传递有效值（或者传递了空值），导致MVC模型绑定无法将空值转换为非空枚举，从而抛出异常。

解决方案 #

1. 紧急修复：将枚举参数改为可空类型

如果想快速避免报错，同时保证业务逻辑正常，可以把控制器的sortField参数改成可空枚举，并在方法内部设置默认值：

public async Task<ActionResult> Details(SortResultEnum? sortField, SortDirection sortDirection, string searchString, int? page) 
{
    // 如果sortField为空，设置默认枚举值
    var actualSortField = sortField ?? SortResultEnum.ClientName;
    // 后续使用actualSortField进行逻辑处理
    // 调用服务获取结果的代码
    // 使用分部视图展示数据
}

这样即使参数为空，也会使用默认的枚举值，不会触发绑定错误。

2. 修复Ajax参数传递问题

你的SortResults函数可能没有正确将参数传递给控制器，或者参数名不匹配。确保函数内部按控制器的参数名传递：

function SortResults(sortField, sortDirection, searchString) {
    $.ajax({
        url: '@Url.Action("Details", "Search")',
        type: 'GET',
        data: {
            // 参数名必须和控制器的参数完全一致
            sortField: sortField,
            sortDirection: sortDirection,
            searchString: searchString
        },
        success: function(result) {
            // 将返回的分部视图渲染到页面容器中，示例：
            $('#your-result-container').html(result);
        },
        error: function(xhr) {
            console.error('请求失败:', xhr.responseText);
        }
    });
}

3. 阻止表单默认提交，避免请求冲突

你的表单同时使用了ASP.NET MVC的data-ajax="true"和自定义的jQuery submit事件，这可能导致请求冲突。在submit事件中添加e.preventDefault()阻止默认提交行为：

$(document).on('submit', '#SearchForm', function (e) { 
    e.preventDefault(); // 阻止表单默认的GET提交
    var $form = $(this); 
    var $searchString = $("#SearchString").val(); 
    var $sortField = $form.attr("data-sortOrder"); 
    var $sortDirection = $form.attr("data-sortDirection"); 
    SortResults($sortField, $sortDirection, $searchString); 
}); 

4. 确认页面枚举属性值渲染正确

用浏览器开发者工具查看表单元素，确认data-sortOrder和data-sortDirection渲染后有正确的值（比如data-sortOrder="ClientName"，而不是空字符串）。如果渲染后是空的，检查SortResultEnum.ClientName是否在视图的模型或ViewBag中正确传递。

额外提示 #

如果想保持sortField为非空枚举，也可以在请求中确保始终传递有效值：比如在表单初始化时就给data-sortOrder设置默认值，或者在Ajax调用前检查$sortField是否为空，为空则手动设置默认的枚举字符串（如"ClientName"）。

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