ダーツjs-interop with jquery ui

Question

ダーツが初めてで、js-interopライブラリを使い始めるのに問題があります。私はjquery UIのスライダを自分のページに追加したいのですが、Dartからslider（）セットアップコールを実行する方法を理解できません。 js-interopはこれを行う正しい方法ですか？これについてのいくつかの助けは非常に高く評価されるでしょう。あなたのケースでは

void main() { 
    js.scoped(() { 
    var slider = query('#slider-range'); 
    var options = js.map({ 
     'range': true, 
     'values': [ 17, 67 ] 
    }); 
    // This doesn't work. Element has no method named slider. 
    slider.slider(options); 

    // In javascript it's done like this: 
    // $("#slider-range").slider({ 
    // range: true, 
    // values: [ 17, 67 ] 
    // }); 

    // This alert works. 
    js.context.alert('Hello from Dart via JS'); 
    }); 
} 

Answer 1

、あなたはjs.contextを使用する必要があります。代わりにクエリ（ '＃スライダレンジ'）の$（ '＃スライダレンジ'）。基本的には、js.contextは任意のJavascript変数にアクセスできます。 js.context。$を使用すると、ダーツサイドのjQuery JavaScriptオブジェクト（つまり、$）にアクセスできます。

import 'dart:html'; 
import 'package:js/js.dart' as js; 

void main() { 
    js.scoped(() { 
    var slider = js.context.$('#slider-range'); 
    var options = js.map({ 
     'range': true, 
     'values': [ 17, 67 ] 
    }); 
    slider.slider(options); 
    }); 
} 

Answer 2

別のサンプルコード：

import 'package:js/js.dart' as js; 

js.context.jQuery(); 
var context = js.context; 
var param = js.map({ 'modal': true, "width":1000, "height":600}); 
js.context.jQuery("#dialog").dialog(param); 

HTML

<script src="packages/browser/interop.js"></script> 

上記のコードではjQueryのを使用してダイアログとしてDIVを開きます。