SAP ui5 objectpagelayout control usage sharing

SAP UI5 ObjectPageLayout Control allows applications to easily display business objects (Business Object) Layout of relevant information .

ObjectPageLayout The layout consists of a head up area ( Title and content )、 An optional one anchor bar Areas and block content Regional composition .

among block content Be wrapped in sections and Son sections in , these section Together BO Structured information display .

In other words ,ObjectPageLayout Control is used to put all parts of the object page together —— title 、 Optional anchor bars and sections / Sub section area .

Here is an example ：

• headerTitle
• headerContent
• sections
• subSections

header

ObjectPageLayout Implement capture header ( snapping header) The concept of . This means the top of the header ( Header heading ) Always visible , And the lower part ( Header content ) You can scroll out of the view .
The title is displayed at the top of the title , And always visible above the scrollable content of the page . It contains the title of the object and the most prominent details .
The header content scrolls with the page content , Until it disappears ( Collapse header ). When scrolling back to the top , It becomes visible again ( Extended Title ). It contains all the additional information about the object .

As shown in the figure below ：

Anchor Bar

Chinese translation is anchor bar , This is an automatically generated internal menu , It shows the titles of each section and subsection , And allow users to scroll to their respective sections and sub sections .

Sections, Subsections, Blocks

These pages appear below the header , It consists of blocks structured into sections and sub sections .

As shown in the figure below , Defined General Information and Suppliers Two section, Each contains a SimpleForm and Table：

ObjectPageLayout Usage scenarios of

• Users need to view 、 Edit or create an entry with all the details .
• Users need to know the overview of the object , And interact with different parts of the object .

Finally, the effect of runtime is as follows ：