代码之家 › 专栏 › 技术社区 › Richard Quinn

ASP。net将宽度设置为存储在c中的值#

session-variables progress-bar twitter-bootstrap asp.net c#

Richard Quinn · 技术社区 · 10 年前

我的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%”中的会话值,但我不确定如何做到这一点。

2 回复 | 直到 4 年前

John Riehl 10 年前

给你的 <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);

希望有帮助。

tripleee 4 年前

<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()+"%";

推荐文章

xajetin · 导航不更改滚动上的颜色

4 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

4 年前

Bryan Santos · 固定表头与引导

4 年前

Nicolas Berthier · Bootstrap 5基于内容的包装

4 年前

tym · 根据用户偏好显示字段

4 年前

Sheryar Khan · 如何仅使用html、css、bootstrap、javascript/jquery创建html页面?

4 年前

Pavel · 当验证DIV可见时,引导网格会移动

8 年前

Sam · 在标题中嵌入Bootstrap 3导航栏

8 年前

Alexander David · 折叠卡打开,然后立即再次关闭

8 年前

Sandeep Bhardwaj · div的一致行为,与设备分辨率无关

8 年前