2017-01-15 38 views
0

イベントをSAPUI5に追加することは可能ですか?sap.ui.commons.Panel's最小化と最大化?私が必要とするのは、パネルの折りたたみボタンまたは展開ボタンがクリックされたときに別のスタイルを追加することです。SAPUI5パネル縮小/拡大

私は.setCollapse-または.setExpanded-functionを上書きした場合、ユーザは異なるstyleClassのパネルpnl.addStyleClass("ZYFDEFD");

に追加する必要があり、「最大化」をクリックしたときにマイナス記号をユーザーがクリックするiはpnl.addStyleClass("XYZ");ようstyleClassのを追加する必要がある場合パネルはもはや崩壊したり拡大したりしないので、何か他のものが見つかるはずです。あなたが使用、拡張状態に応じて、コントロールに追加された標準のスタイルクラス(sapUiPanelColl)を作ることができ

1)

答えて

1

可能なオプションのカップルが... - ...下記の例を参照

var oPanel = new sap.ui.commons.Panel({}); 
 
oPanel.addStyleClass("myPanel"); 
 
oPanel.placeAt("content");
.myPanel { background-color: green; } 
 
.myPanel.sapUiPanelColl { background-color: red; }
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>sap.ui.commons.Panel style class example</title> 
 
</head> 
 
<body id="content"> 
 
<script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m,sap.ui.commons"></script> 
 

 
</body> 
 
</html>

2)コモンズライブラリからパネルを用いることが必須ではない場合sap.ui.commons.PanelがDEPであるとして別の方法として、あなたは(sap.m.Panelに切り替えることができバージョン1.38以降に改訂されました)、次にexpand event

関連する問題