两个m.Slider控件,相同的属性,但没有一个没有显示标记

时间:2017-08-18 11:43:34

标签: sapui5

enableTickmarks对于两个滑块控件都适用,但只有一个显示它们吗?

enter image description here

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

2 个答案:

答案 0 :(得分:0)

有趣的故事:

  1. for&#34; disabled&#34; tickmark看起来比'#34;启用&#34;更加大胆和可察觉的滑块。一个

  2. 第二个滑块显示了刻度线,但由于标记的颜色非常浅,因此无法看到它们(为了确保它是真的,请尝试以不同的角度观察你会看到第二个滑块的标记;或者使用另一个显示)

答案 1 :(得分:0)

从版本1.52开始,a bugfixedz-index的标记未正确设置。在这里,您可以看到勾选标记在对话框中正确显示:jsbin.com/wazefamuwo/