how to avoid multi event bind on dataTables rowCallback

Question

Using the famous dataTables plugin, Every time that i draw rows to the table to be displayed, rowCallback adds a click handler to the row and as a result the event fires multi-times. How can some one avoid this behaviour ?

My Callback

        rowCallback: function( row, data, index ) {
            $(row).on("click", function(){
                callMyMethod();
            });

            $(row).on("dblclick", function(){
            });
        },

How are you binding the click handler right now?

palaѕн
– palaѕн

2017-11-10 15:35:19 +00:00
Commented Nov 10, 2017 at 15:35 — palaѕн
– palaѕн, Commented Nov 10, 2017 at 15:35
i just added in original message my Callback

alveomaster
– alveomaster

2017-11-10 15:47:03 +00:00
Commented Nov 10, 2017 at 15:47 — alveomaster
– alveomaster, Commented Nov 10, 2017 at 15:47

palaѕн · Accepted Answer · 2017-11-10 15:52:05Z

1

Try to update the event handlers like:

$(row).off("click").on("click", function() {
  console.count('Clicked');
});

$(row).off("dblclick").on("dblclick", function() {
  console.count('Double Clicked');
});

answered Nov 10, 2017 at 15:52

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to avoid multi event bind on dataTables rowCallback

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related