在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>
<% } %>