0

ラベルとルールを使用しての設定に取り組んでdijit.form.HorizontalSliderいますが、表示を正しく機能させることができません。スライダーは、ルールとラベルの上に表示されます。ラベルとルールが配置されているdivにはheightプロパティがないことがわかります。これが私の問題だと思いますが、修正できないようです。

これがコードです...

//create a div for the rule in my inner node div
this.ruleDiv = dojo.create("div", {}, dojo.byId("ruleDiv"), "first");
this.getInnerNode().appendChild(this.ruleDiv);

//create a div for the labels in my inner node div
this.labelsDiv = dojo.create("div", {},dojo.byId("labelsDiv"), "first");
this.getInnerNode().appendChild(this.labelsDiv);

//create the rule object
this.sliderLabelsRule = new HorizontalRule({
    container: "topDecoration",
    count: 10
}, this.getLabelsRuleDiv());

//create the labels object  
this.sliderLabels = new HorizontalRuleLabels({
    container: "topDecoration",
    labelStyle: "font-size: 10px;",
    labels: ["test0", "test1", "test2", "test3", "test4", "test5", 
             "test6", "test7", "test8", "test9"]
}, this.getLabelsDiv());

//create the slider   
this.slider = new Slider({}, this.getInnerNode());

//startup the widgets
this.getSlider().startup();
this.getLabelsRule().startup();
this.getLabels().startup();

私は物事を交換してこれをさまざまな方法で試しましたが、正しい組み合わせが見つからないようです。助けていただければ幸いです。

4

1 に答える 1

1

ホリゾンタルルールコンストラクターで、高さを設定するためのスタイルプロパティを追加します。このようなもの。

this.sliderLabelsRule = new HorizontalRule({
  container: "topDecoration",
  count: 10,
  style: "height: 5px;"
}, this.getLabelsRuleDiv());

同様の問題が発生しました。すべてのラベルとルールがスライダーの下にあり、互いに直接積み重なっているため、1つの大きな混乱に10個のラベルとルールがあり、上記のコンストラクターの幅を同じ幅に設定する必要がありました。スライダーとして使用し、position：absoluteを使用して適切な場所に移動します。あなたが望む場所にそれらを正確に取得するには、同様のことをしなければならないかもしれません。コンストラクターのstyle属性でcssを試してみてください

于 2013-08-14T14:16:45.173 に答える