我有以下 HTML,其中使用 Kendo Window 显示地址
<form id="myform">
<input id="firstName" class="form-control" />
<input id="lastName" class="form-control" />
<button id="btnOpenWindow" type="button" class="btn btn-info">Click Me To Edit Address</button>
@(Html.Kendo().Window()
.Name("mywindow")
.Title("My Window")
.Width(400)
.Visible(false)
.Modal(true)
.Content("<input id=\"address\" class=\"form-control\">")
.Draggable(false))
<button id="btnSubmit" type="submit" class="btn btn-info">Save</button>
</form>
<script src="~/js/test.js"></script>
test.js 文件
$("#btnOpenWindow").click(function () {
$("#mywindow").getKendoWindow().open().center();
});
问题
即使 kendo 窗口是在内部定义的,form
它总是在标签之前的页面末尾呈现body
,以及它的内容。所以address
不会在form
. 因此,当用户单击保存时,地址信息不会提交到服务器。
如何让剑道窗口的内容呈现在表单中?