Javascript/Ajax - 手动从 Sys.EventHandlerList() 中删除事件处理程序

Question

我有两个脚本控件，一个控制另一个，并且我已经成功地能够使用以下方法在父级上处理来自子级的事件：

initialize: function() 
{
    this._autoComplete = $get(this._autoCompleteID);

    this._onAutoCompleteSelected = Function
      .createDelegate(this, this.handleAutoCompleteSelected);

    var autoControl = this._autoComplete.control;
    autoControl.addItemSelected(this._onAutoCompleteSelected);
    ...
}

其中 addItemSelected(在子级上) 是：

addItemSelected: function(handler) 
{

    list = this.getEvents();
    list.addHandler('userItemSelected', handler);

},

和 getEvents 是：

getEvents: function() 
{

    if (this._events == null) 
    {
        this._events = new Sys.EventHandlerList();
    }

    return this._events;
},

问题是在处理父级时，我想做同样的事情：

dispose: function() 
{
    var autoControl = this._autoComplete.control;
    autoControl.removeItemSelected(this._onAutoCompleteSelected);
    ...
}

但是，.control 不再存在。 我猜这是因为子控件已经被释放，因此 .control 属性不再起作用。

鉴于此，我决定运行子级上的事件列表并删除其中的所有事件处理程序。

dispose: function() 
{
    list = this.getEvents();
    for(var item in list._list)
    {
        var handler;

        handler = list.getHandler(item);

        list.removeHandler(item, handler);
    }

    ....
}

有一个更好的方法吗？

Answer 1

我不确定 DOM 元素上的“control”expando 属性是否是引用控制对象的正确方法。 它由框架管理，正如您所看到的，我认为在调用您的处理时它已经被处理掉了。

您是否尝试过使用 $find 而不是 $get 并以这种方式重新处理您的引用？：

initialize: function() 
{
    this._autoControl = $find(this._autoCompleteID);

    this._onAutoCompleteSelected = Function
      .createDelegate(this, this.handleAutoCompleteSelected);

    this._autoControl.addItemSelected(this._onAutoCompleteSelected);
}

dispose: function() 
{
    this._autoControl.removeItemSelected(this._onAutoCompleteSelected);
    this._autoControl = null;
}

哦，是的，您引用存储在 this._autoComplete< 中的 DOM 元素的位置/code> 您改为遍历控制对象本身：

this._autoControl.get_element();

因此基本上将“获取元素 => 获取控制对象”的逻辑反转为“获取控制对象 => 获取元素”。