Asp.net 数据绑定内部样式=";宽度:div的宽度

Asp.net 数据绑定内部样式=";宽度:div的宽度,asp.net,html,data-binding,databinder,Asp.net,Html,Data Binding,Databinder,我面临这样一个问题: 我在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") %

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


但它不起作用。有人能帮我保存我的问题吗?

您可以将其转换为服务器控件,a被呈现为div

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

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

添加(“宽度”、“数据库值”);

没问题,马修斯:)
<div id="Percent" runat="server" class="bar bar-warning" >

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