从后面的代码更改 Javascript 变量值答案

【问题标题】：Change a Javascript variable value from code behind从后面的代码更改 Javascript 变量值
【发布时间】：2012-07-30 04:58:02
【问题描述】：

我有这个 javascript 代码：

<script>
$(document).ready(function() {
    var progValue1 = 100;
    var progValue2 = 30; 
    $("#progressbar").progressbar({ value: progValue1});
    $("#progressbar2").progressbar({ value: progValue2 });
});
</script>

我想在单击按钮时从后面的代码中更改两个变量（progValue1 和progValue2）的值.....

这是按钮的代码

<asp:Button ID="btnConfirm" CssClass="button" SkinID="Common" runat="server" Text=  "Confirm" OnClick="btnConfirm_Click" />

如何从 btnConfirm 方法的 C# 代码中更改这些值？

【问题讨论】：

看到这个帖子stackoverflow.com/questions/3655766/…
@PranayRana 我刚刚标记了对我有用的答案...这是你想知道的吗？
@WaqarJanjua 看到了那个帖子……很有帮助。

标签： c# asp.net progress-bar

【解决方案1】：

添加两个属性，即

private int _progValue1 = 100;
private int _progValue2 = 30;

protected int ProgValue1 { get { return this._progValue1; }}
protected int ProgValue2 { get { return this._progValue2; }}

修改你的 JS：

<script>   
  $(document).ready(function() {   
    var progValue1 = <%=ProgValue1%>;   
    var progValue2 = <%=ProgValue2%>;    
    $("#progressbar").progressbar({ value: progValue1});   
    $("#progressbar2").progressbar({ value: progValue2 });   
  });   
</script>

然后在 OnClick 事件处理程序中设置值：

this._progValue1 = 40;
this._progValue2 = 20;

【讨论】：

我将其更改为“设置”，否则它会给我一个错误.... public int ProgValue1 { get { return this._progValue1; } 设置 { _progValue1 = 值； } } 公共 int ProgValue2 { 得到 { 返回 this._progValue2; } 设置 { _progValue2 = 值； } }
@riznomdemha - 抱歉，我更正了我的代码，但您也可以使用 setter。相同的区别。

【解决方案2】：

我从您的查询中假设您想从代码后面更改 Javascript 变量的值意味着您想将值从代码后面发送到 javascript。您可以使用 ScriptManager.RegisterClientScriptBlock 来实现这一点。更详细的，请看下面的代码：

function ChangeValue(value1)
{
   yourvariable = value1;
}

代码背后

private void SomeMethod()
{
   string newvalue = "test value"; //need to pass this to JS var
   ScriptManager.RegisterClientScriptBlock(this,typeof(Page),"key","ChangeValue("+ newvalue +");",true);
}

【讨论】：

【解决方案3】：

$(function () {
        var progValue1 = parseInt('<%=ProgValue1%>');
        $("#progressbar").progressbar({ value: progValue1 });
    });


private int _progValue1 = 1;

    protected int ProgValue1
    {
        get
        {
            return _progValue1;
        }
    }

【讨论】：