asp.net - 数据绑定里面 style="width: of div

Question

我面临这样的问题：我在 HTML 页面中有它：

<div class="bar bar-success" style="width:80%;"></div>

但我想使用来自数据库的 80%。

所以我试过这个：

<div id="Percent" runat="server" class="bar bar-warning"  style='width: <%# DataBinder.Eval(Container.DataItem, "number") %> %'>

但它没有用。谁能帮我解决我的问题？

score 0 · Accepted Answer

您可以将其转换为服务器控件，将 aPanel呈现为 div。

<asp:Panel ID="PanelSuccessBar" CssClass="bar bar-success" runat="server"></asp:Panel>

代码隐藏：

// number is a double value that is comeing from database
PanelSuccessBar.Width = new Unit(number, UnitType.Percentage);

score 0 · Accepted Answer

如果要设置内联宽度，则需要从此处删除 runat 属性，如下所示：

<div id="Percent" class="bar bar-warning"  style='width: <%# DataBinder.Eval(Container.DataItem, "number") %> %'>

否则，您可以从后面的代码中设置它：

<div id="Percent" runat="server" class="bar bar-warning" >

    Percent.Style.Add("width", "YourDatabaseValue");

2 回答 2