kendo mvc窗口设置为模态，但不作为模式打开并且不会正确居中

Question

我的窗口元素存在问题。

这是代码我在视图

@(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在控制器上运行，并在视图和填充窗口打开

但它不是一个模式我可以点击任何后面我不想要的控件...和中心由于某种原因确实居中它离开右...但推窗口s o它的大部分内容都在可见窗口下面..我必须向下滚动才能查看窗口......而不是因为窗口的大小始于...浏览器上没有滚动条，当我点击按钮......窗口打开并突然出现一个滚动条，我必须向下滚动才能查看窗口内容。

Answer 1

在这里，你正在HTML中定义一个窗口，并在同一个id上再次定义另一个JavaScript窗口。因此创建了两个窗口实例。 为了实现您的目标，您可以使用HTML定义窗口并在“addDatabase”函数中打开该窗口。或者在“addDatabase”函数中定义窗口本身。

小demonstartion：

案例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> 

案例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> 

希望这有助于。 如需进一步查询，请留下您的评论。