C# 剑道mvc窗口设置为模态，但不是'；t作为模态打开，不会正确居中

我的窗口元素有问题

这是我在视图中看到的代码

@(Html.Kendo().Window()
    .Modal(true)
    .Name("AddDatabaseModal")
    .Title("Add Database")
    .Visible(false)
    .Width(400)
    )

我在一个按钮上加载它点击

function addDatabase() {
    alert("addButtonClicked");
    var selected_pk = $('#database_pk').val();    
    $("#AddDatabaseModal").kendoWindow({
        content: {
            url: "Home/AddDatabase"            
        }
    })
    var window = $("#AddDatabaseModal").data("kendoWindow").center().open();   
}

actionresult在控制器上运行，填充视图并打开窗口

---

但这不是一种模式，我可以点击任何我不想要的控件…出于某种原因，中心确实从右向左居中..但向下推动窗口，使其大部分位于可见窗口下方..我必须向下滚动才能查看窗口..这并不是因为窗口的大小太大…没有滚动当我点击按钮时，浏览器上会出现一个滚动条。窗口会弹出，突然出现一个滚动条，我必须向下滚动才能查看窗口内容。

这里，您用HTML定义了一个窗口，在同一id上，您又用javascript定义了另一个窗口。这样就创建了窗口的两个实例。 为了实现您的目标，您可以用HTML定义窗口并在“addDatabase”函数中打开它。或者在“addDatabase”函数中定义窗口本身

小型演示：

案例1：

  <div>
    @(Html.Kendo().Window()
       .Modal(true)
       .Name("AddDatabaseModal")
       .Title("Add Database")
       .Visible(false)
       .Width(400)
       .LoadContentFrom("AddDatabase", "Home")
)
</div>

<script>
function addDatabase() {
     alert("addButtonClicked");
     var selected_pk = $('#database_pk').val();    
     $("#AddDatabaseModal").data("kendoWindow").center().open();  
}
</script>

@（Html.Kendo（）.Window（））
.模态（真）
.Name（“AddDatabaseModal”）
.Title（“添加数据库”）
.可见（假）
.宽度（400）
.LoadContentFrom（“添加数据库”、“主页”）
)
函数addDatabase（）{
警报（“addButtonClicked”）；
var selected_pk=$（'#database_pk'）.val（）；
$（“#AddDatabaseModal”）.data（“kendoWindow”）.center（）.open（）；
}

案例2：

<div id="AddDatabaseModal"></div>

<script>
function addDatabase() {
     alert("addButtonClicked");
     var selected_pk = $('#database_pk').val();    
     $("#AddDatabaseModal").kendoWindow({
                    width: "400px",
                    title: "Add Database",
                    content: "../Home/AddDatabase",
                    visible: false,
                    modal: true
                });
     $("#AddDatabaseModal").data("kendoWindow").center().open();  
}
</script>

函数addDatabase（）{
警报（“addButtonClicked”）；
var selected_pk=$（'#database_pk'）.val（）；
$（“#添加数据库模式”）.kendoWindow({
宽度：“400px”，
标题：“添加数据库”，
内容：“../Home/AddDatabase”，
可见：假，
莫代尔：对
});
$（“#AddDatabaseModal”）.data（“kendoWindow”）.center（）.open（）；
}

希望这有帮助。

---

如需进一步查询，请留下您的意见。

很高兴我能帮助您。：）