数据绑定里面 style="width: of div答案

【问题标题】：Databind inside style="width: of div数据绑定里面 style="width: of div
【发布时间】：2013-10-09 15:35:51
【问题描述】：

我面临这样的问题：我在 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") %> %'>

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

【问题讨论】：

【解决方案1】：

如果你想像下面这样设置内联宽度，你需要从这里删除 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】：

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

【讨论】：