使用onClick事件扩展Aviarc容器小部件

Extending Aviarc container widget with onClick event

本文关键字：小部 Aviarc onClick 事件 扩展 使用      更新时间：2023-09-26

我在屏幕布局中使用了一些容器小部件。我需要将容器扩展为具有"onClick"事件，这样我就可以按照以下行做一些事情：

<screen>
    <container name="customer-list" ..>
        <!-- some content over here -->
    </container>
    <action:behaviors>
        <action:when widget-event="customer-list.onClick">
            <!-- some actions here -->
        </action:when>
    </action:behaviors>
</screen>

要添加对onClick事件的支持，您需要在小部件中添加以下内容：

在小部件的构造函数中声明事件：

WidgetName = function() {
    this.onClick = new Toronto.client.Event("WidgetName onClick");
};

然后在启动方法中添加以下行：

widgetContext.addManagedDOMEvent(this.getContainerElement(), "onclick", this._onClickHandler, this, "WidgetName onClick binding");

剩下的唯一需要实现的就是实际的处理程序：

, _onClickHandler: function() {
    this.onClick.fireEvent({
        widget: this
    });
}

其想法是向小部件添加一个事件，将事件绑定到DOM节点，然后在处理程序中扩展fireEvent的属性对象，以包括屏幕所需的所有相关细节。

相关文章：