我如何在aspx页面上显示变量值后面的代码

Question

Hi I have a Default aspx page and and its code behind page, I want to render the value of particular variable on my code behind page to the aspx page. For ex:-

protected void Page_Load(object sender, EventArgs e)
{
    int i=12;
}

Now i am using bootstrap control on my aspx page

  <button type="button" class="btn btn-primary">Primary <span class="badge">7</span></button>

I want to display value of i(present in c# code behind file) on the place of 7

Please guide me...

Answer 1

Easy way would be to use use a server control like a label instead of the span and you can set the text in the codebehind that way.

C#

protected void Page_Load(object sender, EventArgs e)
{
    int i = 12;
    Lbl_Badge.Text = i.ToString();
}

Markup:

<button type="button" class="btn btn-primary">Primary <asp:Label CssClass="badge" runat="server" ID="Lbl_Badge" Text="7" /></button>

Answer 2

If you don't want to use an ASP Label as in @abney317's example, you can do this:

CodeBehind

protected void Page_Load(object sender, EventArgs e) {
    int i = 12;
    BadgeValue.InnerHtml = i.ToString();
}

Markup:

<button type="button" class="btn btn-primary">Primary <span class="badge" id="BadgeValue" runat="server">0</span></button>

Note: If you are going to be displaying text that may come from a user, you should be sure to AntiXss.HtmlEncode anything you put into a control's InnerHtml.