关于前端:SAP-UI5-按钮的类型和背景色设置例子

我在 SAP UI5 XML 视图里有一个 Button 控件，类型为 Accept：

运行时渲染进去的成果如下：

这个按钮对应生成的 HTML 视图代码里，起作用的 css：

span.sapMBtnInner.sapMBtnAccept {    background-image: none;    background-color: #ebf5cb;    border-color: #ebf5cb;    color: #256f3a;}

对应的 css 文件地址：https://sapui5.hana.ondemand....

本地渲染：sapui5.hana.ondemand.com/resources/sap/ui/core/themes/sap_fiori_3

本地改成sap_horizon 会怎么？

胜利了：

用户通过单击或点击按钮或按下某些键盘键（例如 Enter）来触发操作。

对于按钮 UI，能够定义文本、图标或两者。 您还能够指定是先显示文本还是先显示图标。

能够从一组预约义的 ButtonTypes 中进行抉择，这些 ButtonTypes 提供不同的款式以对应于触发的操作。

能够将按钮设置为启用或禁用。 启用的 Button 能够通过单击或点击来按下，并且它会更改其款式以向用户提供视觉反馈，即它被按下或鼠标光标悬停在下面。 禁用的 Button 显示为非活动状态且无奈按下。

SAP UI5 所有反对的 Button类型，在这个枚举类型里能够找到：sap.m.ButtonType

button 的 ariaHasPopup 属性：指定 aria-haspopup 属性的值

如果值为 None，则不会出现该属性。 否则它将应用选定的值出现。

仅当按钮与弹出窗口相干时才应用此属性。 该值须要等于弹出窗口的次要/根(main/root)角色，例如对话框、菜单或列表。

下图是在 XML 视图里嵌入 css style 的办法：

<mvc:View controllerName="sap.hcm.Address" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc"           xmlns:html="http://www.w3.org/1999/xhtml">   <html:style>      .mySuperRedButton {         color: red;      }   </html:style>   <Panel>      <Button class="mySuperRedButton" text="Press Me"/>   </Panel></mvc:View>

为了容许 XML 视图在内容安全策略回绝内联款式的环境中应用（即没有 style-src 指令的不平安内联源），则开发人员须要援用内部样式表，而不是将样式表嵌入到 SAP UI5 XML 视图。