Kendo MultiSelect无法读取属性'值'

时间:2016-07-02 15:24:13

标签: javascript jquery kendo-ui

这是我的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>

当我尝试发布到控制器时,我得到Uncaught TypeError: Cannot read property 'value' of undefined。对于id和SomeBooleanProperty是好的。 当我使用提交表格是好的。 我应该将数据发布到productMultiSelect的控制器列表中吗?

2 个答案:

答案 0 :(得分: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 

答案 1 :(得分:0)

console.log($("#productMultiSelect").length); - 0
console.log($("#productMultiSelect").data("kendoMultiSelect")); - undefined

非常有趣和奇怪。

此PartialView位于KendoWindow。