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

以下のようにインライン幅を設定する場合は、ここから 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");

score 0 · Accepted Answer

これをサーバーコントロールに変換できますPanel。a は 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);

2 に答える 2