脚本控制 - 绑定客户端和服务器属性

Question

是否可以在脚本控制中绑定客户端和服务器端的属性，因此当我在javascript中设置属性时，更改也将在代码隐藏中可见，当我在代码隐藏中设置属性时，更改将在javascript中可见？

我无法让它像上面一样工作 - 它是最初设置的，当我设置声明脚本控制的属性时，但当我稍后更改它时，它仍然和以前一样......

编辑：我尝试在我们的 ASP.NET 应用程序中为长回发做一个进度条。我尝试了很多选择，但没有一个对我有用......我想在代码隐藏中设置进度值，并在长任务回发期间在视图中更新它。

脚本控件的代码：C#：

public class ProgressBar : ScriptControl
{
    private const string ProgressBarType = "ProgressBarNamespace.ProgressBar";
    public int Value { get; set; }
    public int Maximum { get; set; }
    protected override IEnumerable<ScriptDescriptor> GetScriptDescriptors()
    {
        this.Value = 100;
        this.Maximum = 90;
        var descriptor = new ScriptControlDescriptor(ProgressBarType, this.ClientID);
        descriptor.AddProperty("value", this.Value);
        descriptor.AddProperty("maximum", this.Maximum);
        yield return descriptor;
    }
    protected override IEnumerable<ScriptReference> GetScriptReferences()
    {
        yield return new ScriptReference("ProgressBar.cs.js");          
    }
}

Javascript：

Type.registerNamespace("ProgressBarNamespace");
ProgressBarNamespace.ProgressBar = function(element) {
    ProgressBarNamespace.ProgressBar.initializeBase(this, [element]);
    this._value = 0;
    this._maximum = 100;
};
ProgressBarNamespace.ProgressBar.prototype = {
    initialize: function () {
        ProgressBarNamespace.ProgressBar.callBaseMethod(this, "initialize");
        this._element.Value = this._value;
        this._element.Maximum = this._maximum;
        this._element.show = function () {
            alert(this.Value);
        };
    },
    dispose: function () {
        ProgressBarNamespace.ProgressBar.callBaseMethod(this, "dispose");
    },
    get_value: function () {
        return this._value;
    },
    set_value: function (value) {
        if (this._value !== value) {
            this._value = value;
            this.raisePropertyChanged("value");
        }
    },
    get_maximum: function () {
        return this._maximum;
    },
    set_maximum: function (value) {
        if (this._maximum !== value) {
            this._maximum = value;
            this.raisePropertyChanged("maximum");
        }
    }
};
ProgressBarNamespace.ProgressBar.registerClass("ProgressBarNamespace.ProgressBar", Sys.UI.Control);
if (typeof (Sys) !== "undefined") Sys.Application.notifyScriptLoaded();

我将不胜感激实现此进度条的任何方法...

Answer 1

就个人而言，我经常使用隐藏字段来执行此操作。请记住，隐藏字段是不安全的，并且可能会有其他缺点，因为它们实际上并没有隐藏其值，只是简单地不显示它。

ASPX 标记

<asp:HiddenField ID="hiddenRequest" runat="server" ClientIDMode="Static" />

ASPX.CS 代码隐藏

    public string HiddenRequest
    {
        set
        {
            hiddenRequest.Value = value;
        }
        get
        {
            return hiddenRequest.Value;
        }
    }

Page JAVASCRIPT （with jQuery）

$('#hiddenRequest').val('MyResult');

这样，我可以使用一个变量访问相同的字段，从客户端和服务器端访问。