.show（）擦除造型在MVC 4應用

-1

<div id="reportBody"></div>

用簡單的CSS：

#reportBody { 
    height: 100%; 
}

的reportBody DIV是在隱藏模式那在按鈕點擊時被調用。使用jquery/ajax調用控制器爲SSRS報告生成一個iframe字符串。

$(document).ready(function() { 
     $('#dashboardReportForm').validate({ // initialize the plugin 
      rules: { 
       BrewerySelect: { 
        required: true 
       }, 
       LineSelect: { 
        required: true 
       }, 
       datepicker: { 
        required: true, 
        date: true 
       } 
      }, 
      errorElement: "div", 
      errorPlacement: function (error, element) { 
       element.after(error); 
      }, 
      submitHandler: function (form) { 
       var brewery = document.getElementById('BrewerySelect').value; 
       var line = document.getElementById('LineSelect').value; 
       var day = document.getElementById('datepicker').value; 
       var url = '@Url.Action("GetUrl")'; 
       $.ajax({ 
        url: url, 
        data: { breweryCode: brewery, packageLine: line, date: day }, 
        dataType: 'json', 
        cache: false, 
        type: "POST", 
        success: function (data) { 
         var url = '<iframe src="' + data + '" height="100%" width="100%" scrolling="auto"></iframe>'; 
         $('#reportBody').html(url).show();       
        }, 
        error: function (response) { 
         alert('document.ready() dashboardReportForm.validate method failed'); 
        } 
       }); 
       ResetStyle(); 
       $('#reportModal').modal('show'); 
      } 
     }); 
    });

它是$（'＃reportBody'）。html（url）.show（）;在該代碼中取代div的內部html。當我對iframe進行硬編碼並跳過這種方法時，它會完美顯示。當我使用這種方法它打破，高度：100％完全不檢查後顯示在chromes工具。

我該如何防止這種情況發生，或者如果沒有，請用相同的方法重新插入。

感謝。

來源

2016-05-20 todd.pund

CSS在哪裏？ –

另外，請提供[mcve]。添加代碼片段或JS Fiddle也是一個好主意。 –

@Gothdo，它位於一個單獨的site.css文件中。 –

答案：將樣式硬編碼到div中。

<div id="reportBody" style="height: 100%;"></div>

來源

2016-05-20 19:52:52

.show（）擦除造型在MVC 4應用

回答

相關問題