在SAPUI5中按住显示按钮
[英]Display button as pressed on hold in SAPUI5
问题描述
我想显示一些带有绿色或红色的图标按钮，问题是只要不按它们，它们就会像在右侧两个按钮上看到的那样显示。 当按下被设置为true时（例如， pressed="true" ，它将不会起作用，因为已选择但未按下按钮。
这是一张图片，解释了我的意思：
我想一定有一个简单的方法可以做到吗？ 我必须在按钮中设置一些内容，它可以显示按钮被按下时的显示方式
1 个解决方案
解决方案1
2 已采纳 2017-08-13 16:53:11
按钮具有类型属性，该属性具有一组预定义的值：可以将“接受”用于绿色，将“拒绝”用于红色。 请记住，尽管颜色取决于主题。 请参见下面的代码：
<!DOCTYPE html> <html> <head> <meta name="description" content="UI5 table example with local JSON model" /> <meta http-equiv='X-UA-Compatible' content='IE=edge' /> <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/> <style> .MyAcceptButton.sapMBtn span.sapMBtnInner.sapMBtnAccept { background-color: Gold; } .MyAcceptButton.sapMBtn:hover>.sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive) { background-color: GoldenRod; } .MyAcceptButton.sapMBtn:not(.sapMBtnDisabled)>span.sapMBtnInner.sapMBtnAccept.sapMBtnActive { background-color: Orange; } </style> <title>UI5 Button Example</title> <script id='sap-ui-bootstrap' type='text/javascript' src='https://openui5.hana.ondemand.com/resources/sap-ui-core.js' data-sap-ui-theme='sap_bluecrystal' data-sap-ui-libs='sap.m,sap.ui.core'></script> <script> var oHBox = new sap.m.HBox({ width: "100%" }); // Create Button with specific color scheme via custom style // Gold color for normal background // GoldenRod for background when mouse hovering // Ornage for a pressed button var oAcceptButton = new sap.m.Button({ icon: "sap-icon://history", type: "Accept" }); oAcceptButton.addStyleClass("MyAcceptButton"); oHBox.addItem(oAcceptButton); oHBox.addItem(new sap.m.Button({ icon: "sap-icon://history", type: "Accept"})); oHBox.addItem(new sap.m.Button({ icon: "sap-icon://history", type: "Reject"})); oHBox.placeAt("content"); </script> </head> <body class="sapUiBody" id="content"> </body> </html>
还有一个ToggleButton，请参见此处 。 它还具有type属性，因此您可以更改其颜色。
SAPUI5 中的溢出按钮
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.