Bootstrap ButtonGroup clientEvent not being assigned properly.

[alagodich]

Hello

As stated here: http://getbootstrap.com/javascript/#dropdowns-events

All dropdown events are fired at the .dropdown-menu's parent element.

But parent container for widget is being rendered via Html::beginTag and we cannot assign any events to it with 'clientEvents' option.

        return implode("\n", [
            Html::beginTag($tag, $this->containerOptions),

[samdark]

What's your issue exactly? What are you trying to do? How to reproduce it?

[alagodich]

I am trying to hook up show.bs.dropdown event on yii\bootstrap\ButtonDropdown widget, to have this:

$('#myDropdown').on('show.bs.dropdown', function () {
  // do something…
})

And for that i suppose to use clientEvents attribute, but when i use it like this:

return ButtonDropdown::widget([
    ...
    'clientEvents' => ['show.bs.dropdown' => 'function() {...}']
]);

It binds this event to the dropdown itself but not to the parent, so it doesn't work.

I think ButtonDropdown should attach these clientEvents to it's parent (container).

[samdark]

Most probably. Any idea on how to fix it?

[alagodich]

What if we assign id to the containerOptions, if it was not assigned, and then override registerClientEvents() method, so it will bind all events not to the widget id but to container id?
Something like this:

    protected function registerClientEvents()
    {
        if (!empty($this->clientEvents)) {
            $id = $this->containerOptions['id'];
            $js = [];
            foreach ($this->clientEvents as $event => $handler) {
                $js[] = "jQuery('#$id').on('$event', $handler);";
            }
            $this->getView()->registerJs(implode("\n", $js));
        }
    }

Or better just accept clientEvents in containerOptions additionally. And attach them to the container element.

[yii-bot]

Issue moved to yiisoft/yii2-bootstrap#112