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> 

希望這有助於。 如需進一步查詢，請留下您的評論。