Scriptcontrol - связывает свойства клиента и сервера

Можно ли связать свойства на стороне клиента и сервера в Scriptcontrol, поэтому, когда я устанавливаю свойство в javascript, изменение будет видно и в коде позади, а когда я устанавливаю свойство в коде позади, изменение будет видно в javascript?

Я не могу заставить его работать как выше - он устанавливается изначально, когда я устанавливаю свойство, где объявляется scriptcontrol, но когда я изменяю его позже, он все тот же, что и раньше...

РЕДАКТИРОВАТЬ: я пытаюсь сделать ProgressBar для длинных обратных передач в нашем приложении ASP.NET. Я перепробовал много вариантов, но ни один из них не работает для меня... Я хочу установить значение прогресса в коде и обновлять его во время долгой обратной передачи задачи.

Код для ScriptControl: 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();

Я буду признателен за любой способ реализации этого индикатора прогресса...

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 (с помощью jQuery)

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

Таким образом, я могу получить доступ к одному и тому же полю, используя одну переменную как таковую, доступную как со стороны клиента, так и со стороны сервера.

Другие вопросы по тегам