如何在對話框中顯示從Sliderfield xtype中選擇的值？

我使用的sliderfield 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

這不是一個重複的。我正在尋找在上面的問題中解釋的slidefield的擴展，在用戶開始滑動之前會在對話框加載中顯示其當前值。 –

我只是使用下面的代碼來獲取屬性並能夠在頁面中顯示。並且默認對話框已經顯示了選定的值。

<% 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

有一個類似的xtype叫'sliderfield'，它可以OOTB – toniedzwiedz

如何在對話框中顯示從Sliderfield xtype中選擇的值？

回答

相關問題