SAPUI5: Как создать sideBar в SAPUI5?

Question

SAPUI5: Как создать sideBar в SAPUI5? Мне нужно создать сворачивающуюся боковую панель справа. пожалуйста, помогите мне здесь.

Примечание: Я должен сделать это, не используя библиотеки Ux3 или commons.

Answer 1

Я думаю, что вы ищете контроль Dynamic Side Content, который, вероятно, делает именно то, что вы хотите. Пожалуйста, найдите demo in the UI5 Explored app.

Answer 2

В качестве альтернативы есть еще sap.ui.ux3.Shell - смотри пример здесь: https://sapui5.hana.ondemand.com/#test-resources/sap/ui/ux3/demokit/Shell.html

Answer 3

Это то, что вы хотите? https://sapui5.hana.ondemand.com/#/sample/sap.ui.layout.sample.DynamicSideContentProduct/preview

если не

HTML или XML или JS

<div id="closeBtn">close</div> 
<div id="sideBar">......</div> 

JS (JQuery)

var open = true; 

$("#closeBtn").on("click",function(){ 

    if(open){ 
     $("#sidebar).animate( {'height' : '200'},300}; 
    } 
    else{`enter code here` 
     $("#sidebar).animate({'height' : '0'},300}; 
    } 
}