javascript - Kendo MultiSelect 无法读取属性 'value'

Question

这是我的 PartialView:

.......

        <div class="form-group">
            @Html.LabelFor(model => model.securities, htmlAttributes: new { @class = "control-label col-md-2"})
            <div class="col-md-10">

       @(Html.Kendo().MultiSelect()
         .Name("productMultiSelect")
         .DataTextField("label")
         .DataValueField("value")Product to be used by the multiselect as a value.
         .HtmlAttributes(new { style = "width:350px; height:350px", @id = "prd" })
         .Filter(FilterType.Contains)
        .DataSource(source =>
         {
             source.Read(read =>
             {
                 read.Action("GetLogin", "IT_Inventory");
             })
             .ServerFiltering(false);
         })
        .Value(ViewBag.SelectedItem2)
        .ItemTemplate("<span><h3 style=\"font-size: 1.2em;font-weight: normal;margin: 0 0 1px 0;padding: 0;\">#: data.label #</h3><p style=\"margin:0;padding:0;font-size: .8em; \">#: data.desc #</p></span>")  
                )
            </div>
        </div>

我的按钮:

<button type="button" id="btnSave" class="btn btn-success btn-lg">Save </button>

我的JS:

<script>
    $("#btnSave").click(function (e) {
        e.preventdefault();
        $.ajax({
            type: 'POST',
            url: '@Url.Action("SignIT", "IT_Inventory")',
            data: JSON.stringify({ productMultiSelect: $("#productMultiSelect").data("kendoMultiSelect").value(), id: $("#id").val(), SomeBooleanProperty: false }),
            dataType: 'json',
            contentType: 'application/json',
            success: function (data) {
                if (data == true) {
                    $("#onInsert").data("kendoWindow").close();
                }
                else {
                    alert("Error!");
                }
            },
            error: function () {
                alert("An error has occured!!!");
            }
        });
    });
</script>

当我尝试发送到 Controller 时，我得到了 Uncaught TypeError: Cannot read property 'value' of undefined。对于 id 和 SomeBooleanProperty 是可以的。 当我使用提交表单时就可以了。 我应该将数据发布到 productMultiSelect 的 Controller 列表吗？

Answer 1

看起来你还没有初始化你的 kendoMultiSelect，或者它在另一个 div 中；

检查一下:

console.log($("#productMultiSelect").length); //should be at least 1, if 0, then you initialized kendo in come other div

和

console.log($("#productMultiSelect").data("kendoMultiSelect")); //should be an object - if undefined, then you have not initialized kendo