在ASP.NET MVC中動態更改樣式屬性

Question

我正在從數據庫中讀取百分比，然后使用該數字創建一個顯示視覺進度的欄。 我需要在我的aspx頁面上做這樣的事情：

       <%  
       if (ViewData["width"] != null){
        <div style="width: <%: ViewData["width"] %>px;"
       </div>
       }%>

當然上面的方法不起作用，但希望你能看到我想要實現的目標。 如何在ASP.NET MVC中動態更改樣式屬性？

Answer 1

您剛剛在代碼塊的中間編寫了HTML。 您需要將HTML放在代碼塊之外。

<% if (ViewData["width"] != null) { %>
    <div style="width: <%: ViewData["width"] %>px;"></div>
<% } %>

或者，您可以切換到Razor語言，它取消了所有<% %>並允許您更容易地散布C＃和HTML。 它看起來像這樣：

@if (ViewBag.width != null) {
    <div style="width: @(ViewBag.width)px;"></div>
}

Answer 2

你的方法應該工作，你只需要將div代碼放在服務器塊之外。

<% if (ViewData["width"] != null){ %>
    <div style="width: <%: ViewData["width"] %>px;"
    </div>
<% } %>