模型状态无效，当列表有多个项目时

Question

我正在使用以下代码从 ui 中获取信息。 我使用 select2 作为 Combobox 让用户选择多个元素。

var saveObj = {
        
        DiscountRate: $('#discountRate').val(),
        State: $('#isActiveSelect2List').val() == 1 ? true : false,
        AuthorList: $('#authorSelect2List').val(),
        InterpreterList: $('#interpreterSelect2List').val(),
        TagList: $('#tagSelect2List').val()
    };

我将此数据保存为对象，然后使用 ajax 发布数据。但是，如果我为 select2 选择多个元素。我的控制器出现错误；

Error

但是，如果我只为 select2 选择一个元素，那没关系，模型状态为真。我不知道我错在哪里。 有什么建议吗？

这是我的数据模型；

    public List<int> AuthorList { get; set; }
    public List<int> InterpreterList { get; set; }
    public List<int> TagList { get; set; }

Answer 1

在使用 ajax 发布数据时，您正在传递 select2 列表的逗号分隔值。 val() 以逗号分隔的字符串返回值，您需要将此字符串转换为数组，然后才能像这样发布数据：

var authorSelectedList = [];
var interpreterSelectedList= [];
var tagSelectedList= [];
if ($("#authorSelect2List").select2('data').length){
  $.each($("#authorSelect2List").select2('data'), function(key, item){
    authorSelectedList.push(item.text);
  });
}
if ($("#interpreterSelect2List").select2('data').length){
  $.each($("#interpreterSelect2List").select2('data'), function(key, item){
    interpreterSelectedList.push(item.text);
  });
}
if ($("#tagSelect2List").select2('data').length){
  $.each($("#tagSelect2List").select2('data'), function(key, item){
    tagSelectedList.push(item.text);
  });
}
var saveObj = {
    
    DiscountRate: $('#discountRate').val(),
    State: $('#isActiveSelect2List').val() == 1 ? true : false,
    AuthorList: authorSelectedList,
    InterpreterList: interpreterSelectedList,
    TagList: tagSelectedList
};