0

我有以下 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. 因此,当用户单击保存时,地址信息不会提交到服务器。

如何让剑道窗口的内容呈现在表单中?

4

0 回答 0