对象数组中的AddEventListener

Question

I have created an object which includes many action for nested Sortable, to order or modify my categories. Currently the object is like this.

var CategoriesIndexView = {
options: {
    baseIndent: 10,
    defaultIndent: 38,
    etc...
},
data: {},
events: {
    "click button.collapsible-trigger": "toggleNestedRow",
    "change #bulk-action-menu": "performBulkAction",
    "click a.category-visible": "toggleCategoryVisibility",
    "click #IndexDeleteButton": "bulkDelete"
},
initialize: function() {
    this.bindNestedSortable()
},
bindNestedSortable: function() {
    var a = this,
        b = null;
    $(".SortableList").nestedSortable(options);
},
toggleNestedRow: function(a){
    var b = $(a.currentTarget),
        c = $("i.la", b),
        d = !c.hasClass("la-plus");
    d ? this.expandCategory(b) : this.collapseCategory(b)
},
expandCategory: function(a) {},
...etc

I want to addEventListeners, based on the "events" array, i saw that on BackView.exteds method, but i am using simple javascript. Can i add the EventListeners based on "events", inside CategoriesIndexView? It is important for the Listeners to be inside the object because all other functions use "this" of the object.

Answer 1

I didn't us the event property with values, but on initialisation i used jQuery .on and captured the event to return event.currentTarget.

like this

$("button.collapsible-trigger").on("click", function(event){
  a.toggleNestedRow( event );
});

works fine