Как получить инициатор клика в Backbone.js?

Question

[Александр Середенко]

Изучаю бекбон. Пишу тудушку. По ходу возникла потребность получить инициатор клика.
Например: Если я кликнул на .delete-task в 3-ей лишке, то передать конкретно ее в переменную. Каким образом мне это лучше реализовать?

var TaskView = Backbone.View.extend({
        el: '#tasks',
        events: {
            'click > li .delete-task' : 'removeTask',
            'click > li .complete-task' : 'completeTask'
        },
        removeTask : function () {

        },
        completeTask : function () {

        }
    });

Спасибо.

Answer 1

[Александр Середенко]

Придумал сам как это дело реализовать. Может кому интересно или искать будет:

var TaskView = Backbone.View.extend({
        el: '#tasks',
        model: Todo,
        events: {
            'click > li .delete-task' : 'removeTask',
            'click > li .complete-task' : 'completeTask'
        },
        removeTask : function (e) {
            console.log($(e.target));
        },
        completeTask : function () {

        }
    });

$(e.target) и есть текущий елемент, по которому кликнули.

Answer 2

[diavol]

Точнее e.currentTarget. В случае всплытия события e.target может быть не совсем тем, что Вам нужно

javascript.ru/blog/Andrej-Paranichev/Vvedenie-sobytiya

Answer 3

[movetz]

>> Если я кликнул на .delete-task в 3-ей лишке, то передать конкретно ее в переменную.
Хм. Во-первых, для каждой лишки должна создаваться view, с каждой view ассоциируется соответствующая model с соответствующим id. Во-вторых, в этой view все события работают только в рамках $el, события вне твоей view не будут обрабатываться.
В итоге должно быть два view - контейнер для всех тасков и view для одного, и в нем реализовывается удаление подобным образом:

var TaskView = Backbone.View.extend({
        model: Todo,
        events: {
            'click  .delete-task' : 'removeTask'            
        },
        removeTask : function () {
            this.model.destroy();
        }
    });