返回PartialView自舉模式覆蓋整個父視圖，而不是在模式

在我的MVC的行動只是使我有返回PartialView自舉模式覆蓋整個父視圖，而不是在模式

return PartialView("partialView", model);

我有這樣的父視圖：

<div id="myModal" class="modal fade in"> 
     <div id="modalContainer"> 

     </div> 
    </div>

和身體部分視圖中的模態。

我用這個作爲模板：Using Bootstrap Modal window as PartialView

模態加載罰款與頁面的提交正確的數據。問題是模態的局部視圖覆蓋了整個父視圖，而不是僅顯示模態。

實質上有一個空白的白色屏幕模式。

我的問題是我將如何只顯示模式與數據，並防止部分視圖覆蓋整個頁面？

非常感謝！

來源

2016-08-05 B. Krinsky

確保視圖是局部視圖添加''@ {Layout = null;在局部視圖中''' –

試過了，結果相同。但謝謝你的建議。 –

我的問題是我將如何只顯示數據的模態，並阻止覆蓋整個頁面的局部視圖？

我會嘗試渲染沒有數據的模式啓動。首先確保你的模態出現並且有一些內容可以開始。像'加載數據...'或任何在你的Modal Html中的簡單東西都可以幫助渲染數據。一旦你連接到你的Controller代碼，你將能夠在「返回部分視圖」之後行走代碼，並且你不應該進入你的_Layout代碼。

一旦你添加了你的局部視圖，請幫你一個忙，並且用一個級聯樣式表（CSS）類來包裝它，這使得樣式非常明顯。這很簡單，這應該有所幫助。

<style type='text/css'> 
    .wrapper{ 
    border:solid 1px red; 
    } 
</style> 

<div id="myModal" class="modal fade in"> 
     <div id="modalContainer" class='wrapper"> 

     </div> 
    </div>

來源

2016-08-05 15:47:12 Programmer

造型正在工作。謝謝你的提示。重申一下，我需要知道如何停止覆蓋整個父視圖的部分視圖，並只顯示模態。 –

有防止「溢出」的樣式。也有應用「滾動」的樣式。你在找CSS嗎？如果是這樣，請嘗試添加一些樣式來包裝。溢出：滾動;.讓我知道這是否有幫助。模式設計是'行動呼籲'，確實'覆蓋'''頁面'。 – Programmer

當涉及引導模式時，它們會覆蓋頁面的「部分」，但您仍然可以在主屏幕上看到它們周圍的內容。我的模態顯示出來了，並沒有佔據整個屏幕，但不知何故，加載模式的部分視圖填滿了屏蔽父視圖的整個屏幕。我希望能夠在正常行爲的模態下或後面看到父視圖。我不相信我應該做任何CSS來實現這一點，但我會嘗試溢出。 –

返回PartialView自舉模式覆蓋整個父視圖，而不是在模式

回答

相關問題