Databind里面的样式=“宽度：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") %> %'>

但它无效。任何人都可以帮我解决问题吗？

Answer 1

您可以将其转换为服务器控件，Panel将呈现为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);

Answer 2

如果要设置如下所示的内联宽度，则需要从此处删除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");