在div的style =“ width：內的數據綁定

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");