ASP.net 将宽度设置为 C# 中存储的值

本文关键字：存储 设置 net ASP | 更新日期: 2023-09-27 18:35:40

我的 asp.net 页面中有一个引导进度条，其中包含静态值，用于保存填充进度条的数据。进度条从 asp 中设置的宽度获取值。见下文。

<div class="progress">
  <div class="progress-bar progress-bar-success" style="width:75%">
    <span class="sr-only">75% Complete (success)</span>
  </div>
  <div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 25%">
    <span class="sr-only">25% Complete (warning)</span>
  </div>
  
</div>

理想情况下，我不想使用像 （75%） 这样的静态值，而是传递一个从 c# 文件中的计算中处理的值，该值将在前端填充 style="width：%"。

我的 c# 文件中的代码如下：

Double TotalFees = (double)FeePaidInt1 + (double)FeePaid2;
                Double PaidPercent = (double)FeePaidInt1 / (double)TotalFees;
                Double FinalPercent = (double)PaidPercent * 100;

                Double UnPaidPercent = (double)FeePaid2 / (double)TotalFees;
                Double FinalUnPaidPercent = (double)UnPaidPercent * 100;

我想使用 FinalPercent 和 FinalUnPaidPercent 来填充进度条。

我想将FinalPercent和FinalUnPaid设置为会话，并尝试在style="SessionValueHere%"中调用会话值，但我不确定如何做到这一点。

ASP.net 将宽度设置为 C# 中存储的值

给你的<div>元素一个 ID 并设置 runat="server" 属性，如下所示：

<div class="progress-bar progress-bar-success" style="width:75%" ID="progressBarSuccess" runat="server" >
  <span class="sr-only">75% Complete (success)</span>
</div>

然后，您将能够在回发期间在代码隐藏中访问其样式，如下所示：

progressBarSuccess.Style["width"] = String.Format("{0}%", (int)FinalPercent);

希望有帮助。

<div class="progress">
        <div class="progress-bar progress-bar-success" ID="progressBarSuccess" runat="server" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
            <asp:Label ID="lblProgreeBarMsg" runat="server"></asp:Label>
        </div>
    </div>

C# 代码：

lblProgreeBarMsg.Text = dt3.Rows[0]["StatusText"].ToString();
progressBarSuccess.Style["width"] = dt3.Rows[0]["StatusValue"].ToString()+"%";
相关文章：