backbone: popover как отдельный компонент

Question

Всем доброго времени суток!

Необходимо реализовать popover для добавления комментариев для сущности (связь 1 к 1). Добавление и редактирование комментария необходимо реализовать в окне, которое появляется при клике на кнопку/иконку в нескольких местах (добавление комментариев для сущности будет происходить в двух местах: карточке объекта и списке объектов)

Столкнулся с проблемой, что не вызывается метод, повешенный на кнопку внутри popover и не выводиться текст самого комментария.

Мой код: backbone view

$(function () {
    App.Views.Vacancy = Backbone.View.extend({
        el: '#vacancy-form',
        template: _.template($('#vacancy-template').html()),
        loaderClass: 'loader',
        model: new App.Models.Vacancy(),
        modelChanged: false,
        events: {
            //other events
            'click .js-popover-button': 'popoverClick'

        },
        initialize: function () {
                  // ohter code
            this.initPopover();
           
        },

        initPopover: function () {
            $('#comment').popover({
                html: true,
                trigger: 'click',
                placement: 'bottom',
                content: function () {
                    return `<div id="comment-from">
                                <div class="inputArea">
                                    <textarea id="newAdminComment" placeholder="Enter your comment" rows="2" maxlength="150"><%-this.model.attributes.Comment %></textarea>
                                </div>
                                <div class="actionsArea">
                                    <span class="adminCommentError" />
                                    <button class="btn js-popover-button">Post</button>
                                </div>
                            </div>`;
                },
                animation: false
            });
        },

        popoverClick: function () {
            console.log('post click');
        },

});

<a class="btn pull-right" id="comment" href="#"><i class="icon-comment"></i>Comment</a>

БЛОГ НА HUSL

backbone: popover как отдельный компонент

Ответы (0 шт):