Coffeescript, calling a function from inside a click event

Question

I have this bit of Coffeescript

d3Graph: =>

  refreshData: ->
    console.log "refresh data called"

  someButton.click ->
    refreshData()

When I click "someButton" I receive an error

Uncaught ReferenceError: refreshData is not defined

Anyone see my error?

Always always checkout the compiled output. When you do that, the problem usually becomes somewhat obvious. — Alex Wayne
– Alex Wayne, Commented Nov 20, 2012 at 20:15

Jamie Wong · Accepted Answer · 2012-11-20 20:12:53Z

3

Try using refreshData = instead of refreshData: here.

d3Graph: =>

  refreshData = ->
    console.log "refresh data called"

  someButton.click ->
    refreshData()

If that doesn't work, you'll have to provide more complete code.

If you run into problems like this, it's always helpful to see what the output JavaScript is.

For instance, in this case, your original code outputs:

var _this = this;

({
  d3Graph: function() {
    ({
      refreshData: function() {
        return console.log("refresh data called");
      }
    });
    return someButton.click(function() {
      return refreshData();
    });
  }
});

So it should be apparent that there is no variable/function called refreshData!

answered Nov 20, 2012 at 20:12

Jamie Wong

18.4k8 gold badges66 silver badges81 bronze badges

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

Comments

Michiel · Accepted Answer · 2012-11-21 09:39:00Z

0

Jamie Wong explains it correctly. I was just wondering if you were trying to use d3Graph as a class:

class d3Graph

  @refreshData: ->
    console.log "refresh data called"

someButton.click ->
  d3Graph.refreshData()

or when the graph is an instance:

class d3Graph

  refreshData: ->
    console.log "refresh data called"

graph = new d3Graph()

someButton.click ->
  graph.refreshData()

Hope this helps.

answered Nov 21, 2012 at 9:39

Michiel

2843 silver badges12 bronze badges

1 Comment

wuliwong Over a year ago

Hey, I'm not creating a class but thanks for the suggestion. I'm still learning coffeescript (obviously), I'm sure I'll make a class sometime soon and use what you suggested. :)

Collectives™ on Stack Overflow

Coffeescript, calling a function from inside a click event

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related