How to get "this" from a Callback in Dart:js

Question

I am trying to integrate highcharts as an AngularDart component. The Js interop works like a charm, but I have come across a problem I cannot overcome.

Highcharts lets the user provide callbacks to customize some behaviours. For instance, a callback to format the tooltips of the chart. This is an example of formatter written in javascript:

formatter: function() {
            return 'The value for <b>'+ this.x +
                '</b> is <b>'+ this.y +'</b>';
        }

I have my formatter function in Dart. The function gets called properly but I don't know how I could get "this" object to retrieve the data I need.

Can anybody help me?

Justin Fagnani · Accepted Answer · 2014-05-20 23:56:10Z

6

To capture this you need to use the JsFunction.withThis() constructor, which takes a closure whos first argument is the value of this in JavaScript.

See https://api.dartlang.org/apidocs/channels/stable/dartdoc-viewer/dart-js.JsFunction#id_JsFunction-withThis

answered May 20, 2014 at 23:56

Justin Fagnani

11.3k3 gold badges30 silver badges41 bronze badges

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

1 Comment

Gonzalo Pezzi Over a year ago

Wow, it works! Thanks a lot, Justin. It was really easy indeed, but somehow I didn't see that constructor.

Collectives™ on Stack Overflow

How to get "this" from a Callback in Dart:js

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related