How to call a jQuery function from Dart?

Question

This is a typical situation in jQuery:

$(".myClass").myFunction({
    aKey: 'some value'
});

How do you call that using dart:js?

The documentation is a bit cryptic and a similar question that I found here seems dated.

Alexandre Ardhuin · Accepted Answer · 2014-05-05T07:21:34.627

10

You can do :

main() {
  js.context.callMethod(r'$', ['.myClass'])
      .callMethod('myFunction', [new js.JsObject.jsify({'aKey': 'some value'})]);
}

edited May 05 '14 at 07:21

answered Dec 24 '13 at 05:53

Alexandre Ardhuin

1

Yikes. I don't suppose there's any reason to actually do this, right? Or will I be having to maintain code like this in another few years... (I mean, there's probably no advantage to using dart in a situation like this, so we probably won't see much of this kind of thing, right?) – Dagg Nabbit Dec 24 '13 at 06:03
1

Actually _package:js_ provides a simpler API and you can keep on using it. See the similar question you mention. See also http://stackoverflow.com/questions/20590148/how-do-you-interact-with-js-from-dart/20594873#20594873 for _dart:js_ vs. _package:js_. – Alexandre Ardhuin Dec 24 '13 at 06:14
Truly acrobatic! Thanks a lot. – alearg Dec 24 '13 at 17:35

score 4 · Answer 2 · answered May 05 '14 at 06:58

You can use the build-in funcitons querySelector or querySelectorAll instead of the jQuery selector. So it would be:

main(){   
    querySelector(".myClass").myFunction(){
        aKey: 'some value'
    } 
}

or for mulitple elements:

main(){
    querySelectorAll(".myClass").myFunction(){
        aKey: 'some value'
    } 
}

score 0 · Answer 3 · answered Jun 17 '15 at 09:38

0

How about use DQuery instead.

DQuery is a porting of jQuery in Dart.

answered Jun 17 '15 at 09:38

wangkaibule

3 Answers3