1

http://www.asp.net/web-forms/tutorials/ajax-control-toolkit/getting-started/creating-a-custom-ajax-control-toolkit-control-extender-vbのチュートリアルは良い例を示していますテキストボックスとボタンに基づくカスタムエクステンダーの 基本的に、少なくとも1つの文字がテキストボックスに入力されるまで、ボタンは無効のままになります。テキストがテキストボックスから削除されると、ボタンは再び無効になります。

エクステンダーがテキストボックスとパネルに基づくように、これを変更しようとしています。ここでも、テキストボックスにテキストが表示されているときにパネルが表示されるようにします。

これが私がコードを修正した方法です...

Type.registerNamespace('CustomExtenders');
CustomExtenders.ShowHidePanelBehavior = function (element) {
    CustomExtenders.ShowHidePanelBehavior.initializeBase(this, [element]);
    this._targetPanelIDValue = null;
} 

CustomExtenders.ShowHidePanelBehavior.prototype = {
    initialize: function () {
        CustomExtenders.ShowHidePanelBehavior.callBaseMethod(this, 'initialize');

        // Initalization code 
        $addHandler(this.get_element(), 'keyup',
        Function.createDelegate(this, this._onkeyup));
        this._onkeyup();
    },

    dispose: function () {
        // Cleanup code  

        CustomExtenders.ShowHidePanelBehavior.callBaseMethod(this, 'dispose');
    },

    // Property accessors  
    // 
    get_TargetPanelID: function () {
        return this._targetPanelIDValue;
    },

    set_TargetPanelID: function (value) {
        this._targetPanelIDValue = value;
    },

    _onkeyup: function () {

       var e = $get(this._targetPanelIDValue);
        if (e) {
            var visibility = ("" == this.get_element().style.value);
            e.visibility = 'visible';
        }
    }

}

CustomExtenders.ShowHidePanelBehavior.registerClass('CustomExtenders.ShowHidePanelBehavior', Sys.Extended.UI.BehaviorBase);

実行すると、パネルは表示されません。エラーは発生しません。

どこが間違っているのか...

4

1 に答える 1

1

このコードを試してください：

_onkeyup: function () {
    var panel = $get(this.get_TargetPanelID());
    if (panel) {
        var visibilityValue = ("" == this.get_element().value) ? "hidden" : "visible";
        panel.style.visibility = visibilityValue;
    }
}
于 2012-07-19T15:04:58.780 に答える