Динамічно змінювати атрибути стилю в ASP.NET MVC - c #, asp.net, asp.net-mvc

Я читаю відсотки з бази даних, а потім використовую це число, щоб створити смугу, що відображає візуальний прогрес. Мені потрібно зробити щось подібне на своїй сторінці aspx:

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

Звичайно, вищевказаний метод не працює, але, сподіваємось, ви можете побачити, що я намагаюся досягти. Як я можу змінити атрибути стилю динамічно в ASP.NET MVC?

Відповіді:

Ви тільки що написали HTML посеред блоку коду. Потрібно викласти свій HTML поза блоком коду.

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

Крім того, ви можете переключитися на мову бритви, яка нівелює всі <% %>s і дозволяє набагато простіше вписати C # та HTML. Це виглядає приблизно так:

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

Ваш метод повинен працювати, вам просто потрібно поставити div код поза блоком сервера.

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