c# - 从后面的代码更改 Javascript 变量值

Question

我有这个 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# 代码更改这些值？

Answer 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;

Answer 2

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

JS

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);
}

Answer 3

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


private int _progValue1 = 1;

    protected int ProgValue1
    {
        get
        {
            return _progValue1;
        }
    }