私は、ユーザーがスクロールやズームにより、特定のオブジェクトをブラウズするアプリケーションを構築しています。ズームレベルを変更するために、私は "dijit.form.HorizontalSlider"オブジェクトを実装しました。ユーザーがsilderの位置を変更するたびに、私は「のonChange」コールをキャッチし、それで何かを行うことができます。道場スライダー:更新値を動的に
しかし、ユーザーはビューゾーン内でダブルクリックすることでズームインすることもできます。この時点で、スライダは自動的に新しいズームレベルを反映するように位置を変更する必要があります。
私の質問は以下の通りです:私は道場のsilderの位置を更新するために、私はJavaScriptで呼び出す必要がありますどのような機能や方法?ここで
はsilderオブジェクトを作成するコードです:
var zoomSlider = new dijit.form.HorizontalSlider({
name: "zoom_slider",
id: "zoom_slider",
value: 0,
minimum: 0,
maximum: 19,
discreteValues: 20,
intermediateChanges: false,
style: "width: 160px;",
onChange: function(value) {
brwsr.view.zoomTo(value);
}
},
"zoom_slider");
navbox_silder.appendChild(zoomSlider.domNode);
Firebugは私に言った:dijit.byId( "zoom_slider")は未定義です。私はdijit.byId(「dijit_form_HorizontalSlider_0」)を使用することができたと私は別の場所で他のいくつかのスライダーを作成するときには解除されます。 – xApple
ああ、 'id: 'zoom_slider1''のように、あなたのサンプルの設定オブジェクトにidプロパティを定義し、それを' dijit.byId(' zoom_slider1 ') 'で使う必要があります。私はそれをnameプロパティと混在させました。 – DanMan
いいね! idフィールドはうまくいきます。私はそれを含めるために私の質問を編集し、答えの残りの部分を見つけました。ありがとう。 – xApple