Sliderfield xtypeから選択した値をダイアログに表示するにはどうすればいいですか？

私はスライダーフィールドxtypeを使用して、著者が値を選択できるようにしています。現在、著者は現在の選択された価値を認識していません。 hereと表示されたバブル、またはスライダの外側に別のテキスト値として値を表示する方法はありますか？以下はダイアログです。Sliderfield xtypeから選択した値をダイアログに表示するにはどうすればいいですか？

   <backgroundAlpha 
        jcr:primaryType="cq:Widget" 
        fieldLabel="Background Alpha (Opacity)" 
        increment="1" 
        maxValue="{Long}100" 
        minValue="{Long}0" 
        name="./backgroundAlpha" 
        useTips="{Boolean}true" 
        xtype="sliderfield"/>

出典

2017-01-14 Saravana Prakash

[AEM CQ：スライダXTYPE]の可能な重複（http://stackoverflow.com/questions/40147453/aem-cq-slider-xtype） – toniedzwiedz

これは重複しません。上記の質問で説明されているスライドフィールドの拡張を探していますが、ユーザーがスライドを開始する前にダイアログの負荷に現在の値が表示されます。 –

私はプロパティを取得し、ページに表示できるように次のコードを使用しました。デフォルトのダイアログには既に選択した値が表示されます。

<% if(properties.get("sliderfield")!=null){%> Here is your sliderfield FIELD DATA:: <%=properties.get("sliderfield")%> <%}%>

出典

2017-01-14 13:00:12 VAr

ありがとうございます。コンポーネントページに表示する例を示します。私の質問は、ダイアログでレンダリングする方法ですか？スライドからマウスを離すと、値が消えます。スライダをダイアログに表示する方法は？ –

あなたは/libs/cq/ui/widgets/source/ext/source/widgets/form/SliderField.jsをオーバーライドする必要があります。独自のCQ.Ext.slider.Tipが必要なカスタムウィジェットを作成することができます（）。（EXT JS slider.removeListener（ 'dragend'、me.hide、me）の例：スライダーアクションの後にヒントを隠さずに有効にする） – VAr

'sliderfield'と呼ばれる同様のxtypeがありますOOTB – toniedzwiedz

Sliderfield xtypeから選択した値をダイアログに表示するにはどうすればいいですか？

答えて

関連する問題