这是我的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的控制器列表中吗?
答案 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。