Динамически изменять атрибуты стиля в 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>
<% } %>