如何为单选按钮添加描述性文本？

时间：2018-01-22 10:06:27

标签： sapui5

我有一个要求：我需要为Radio Buttons添加描述性文本，如下所示。

mock up

1 个答案:

答案 0 :(得分：0)

目前无法在sap.m.RadioButton的文字下添加此类说明。但是（与this answer相同），您可以在以下组合中实现类似的行为，外观和感觉：

  • 将sap.m.List与

    一起使用 
    mode="SingleSelectLeft"
backgroundDesign="Transparent"
showSeparators="None"

  • 在其items聚合中，使用支持description / info的{​​{3}}子类。如果没有套件，请使用ListItemBase。

＆＃13;
＆＃13; 
sap.ui.getCore().attachInit(() => sap.ui.require([
  "sap/m/List",
  "sap/m/StandardListItem", // or ObjectListItem, CustomListItem, etc..
], (List, StandardListItem) => new List({
  mode: "SingleSelectLeft", // displays radio buttons.
  showSeparators: "None", // between items
  backgroundDesign: "Transparent",
  includeItemInSelection: true,
  width: "19rem",
}).addItem(new StandardListItem({
  title: "Others",
  description: "3rd Party Vendor Lis",
})).placeAt("content")));
＆＃13; 
<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 class="sapUiBody sapUiSizeCompact" id="content"></body>
＆＃13;
＆＃13;
＆＃13;

相关问题
最新问题