1

複数選択ウィジェットがあります

@(Html.Kendo().MultiSelect()
      .Name("SupportedLanguages")
      .Filter(FilterType.Contains)
      .Placeholder("Select supported languages...")
      .BindTo((System.Collections.IEnumerable)ViewData["supportedLanguages"]))

supportedLanguages文字列の単なる配列です

return new[] { "pl", "en", "sv" };

MultiSelect は値を正しくバインドし、リストから言語を選択できますが、これらの値をコントローラーにポストすると、そのようなポスト パラメーターが取得されます。

SupportedLanguages[]=pl&SupportedLanguages[]=sv&SupportedLanguages[]=en

そのため、MVC バインダーはこれらの値を ViewModel に正しくバインドできません。

ViewModel は、1 つのプロパティを持つ単純なクラスです。

public List<string> SupportedLanguages { get; set; }

私が間違っていることは何ですか?

4

1 に答える 1

2

このような実装の理由はわかりませんが、問題の回避策を次に示します。Ajax バインディングを使用したグリッド内の MultiSelect の例:

//Model
public class Model
{
    public Guid Id { get; set; }

    [Required]
    public string Name { get; set; }

    /*MultiSelect for this property*/
    public IEnumerable<ChildModel> Children { get; set; }        
}

//View
@Html.Kendo().Grid<Model>()
  .Name("Grid")
  ...
  .DataSource(cfg => cfg
        .Ajax()
        .PageSize(20)
        .Model(c => c.Id(e => e.Id))
        .Update(c => c.Action("GridUpdate", "MyController").Data("getUpdateData"))
)

//JS
var getUpdateData = function(data) {
    MultiSelectHelpers.serialize(data);
};

var MultiSelectHelpers = {
    serialize: function (data) {
        for (var property in data) {
            if ($.isArray(data[property])) {
                this.serializeArray(property, data[property], data);
            }
        }
    },
    serializeArray: function (prefix, array, result) {
        for (var i = 0; i < array.length; i++) {
            if ($.isPlainObject(array[i])) {
                for (var property in array[i]) {
                    result[prefix + "[" + i + "]." + property] = array[i][property];
                }
            }
            else {
                result[prefix + "[" + i + "]"] = array[i];
            }
        }
    }
}
于 2013-05-14T07:05:33.997 に答える