enableTickmarks
对于两个滑块控件都适用,但只有一个显示它们吗?
<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core">
<Dialog title="{Title}" icon="sap-icon://create">
<beginButton>
<Button text="{i18n>cancel}" press="handleCloseCompetencySelection"/>
</beginButton>
<endButton>
<Button type="Accept" text="{i18n>submit}" press="handleSubmitCompetencySelection"/>
</endButton>
<content>
<FlexBox direction="Column" alignItems="Center" class="sapUiMediumMarginTopBottom">
<items>
<HBox><Label text="{i18n>required}: "/><Label id="RequiredProficiencyLabel" text="{ProfidrDescr}" design="Bold"/></HBox>
<Slider id="RequiredProficiencySlider" enabled="false" liveChange="onSliderChange" enableTickmarks="true" min="0" max="10"
class="sapUiSmallMarginBottom" width="400px"/>
</items>
</FlexBox>
<FlexBox direction="Column" alignItems="Center" class="sapUiMediumMarginTopBottom">
<items>
<HBox><Label text="{i18n>achieved}: "/><Label id="ProficiencyLabel" text="" design="Bold"/></HBox>
<Slider id="ProficiencySlider" liveChange="onSliderChange" enableTickmarks="true" min="0" max="10" class="sapUiSmallMarginBottom"
width="400px"/>
</items>
</FlexBox>
<MessageStrip text="{i18n>dragMessage}" type="Information" showIcon="true" class="sapUiMediumMargin"></MessageStrip>
</content>
</Dialog>
</core:FragmentDefinition>
答案 0 :(得分:0)
有趣的故事:
for&#34; disabled&#34; tickmark看起来比'#34;启用&#34;更加大胆和可察觉的滑块。一个
第二个滑块显示了刻度线,但由于标记的颜色非常浅,因此无法看到它们(为了确保它是真的,请尝试以不同的角度观察你会看到第二个滑块的标记;或者使用另一个显示)
答案 1 :(得分:0)
从版本1.52开始,a bug为fixed。 z-index
的标记未正确设置。在这里,您可以看到勾选标记在对话框中正确显示:jsbin.com/wazefamuwo/