Question

我在sap.m库中寻找RangeSlider控件。我在sap.ui.common找到了一个，但在我的情况下它没有用完。任何人都可以帮助我在sap.m库中找到控件，这与sap.ui.com上的RangeSlider完全相同吗？

Answer 1

截至UI5版本1.38，RangeSlider is available in sap.m library。

以下是各种设置的示例：

sap.ui.getCore().attachInit(() => sap.ui.xmlview({
  viewContent: `<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m">
    <RangeSlider
      min="-10"
      max="10"
      value="-4"
      value2="4"
      inputsAsTooltips="true"
      enableTickmarks="true"
      class="sapUiLargeMargin"
      width="33rem"
    >
      <scale>
        <ResponsiveScale tickmarksBetweenLabels="5" />
      </scale>
    </RangeSlider>
  </mvc:View>`,
}).placeAt("content"));

<script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap"
  data-sap-ui-libs="sap.ui.core, sap.m"
  data-sap-ui-preload="async"
  data-sap-ui-theme="sap_belize"
  data-sap-ui-xx-waitForTheme="true"
></script><body id="content" class="sapUiBody sapUiSizeCompact"></body>

Answer 2

来自sap.m的

1.38+ SAPUI5版本RangeSlider：

https://sapui5.hana.ondemand.com/1.44.18/explored.html#/sample/sap.m.sample.RangeSlider/preview

示例：

<mvc:View
    controllerName="sap.m.sample.RangeSlider.RangeSlider"
    xmlns:l="sap.ui.layout"
    xmlns:mvc="sap.ui.core.mvc"
    xmlns="sap.m">
        <RangeSlider range="20" min="0" max="100" width="80%"/>
</mvc:View>

在range属性中，您可以绑定模型

sap.m库中是否有任何范围控制？

2 个答案: