ext html布局,HTMLB － GRIDLAYOUT (页面布局)

最新推荐文章于 2021-07-02 21:38:07 发布

转载最新推荐文章于 2021-07-02 21:38:07 发布 · 154 阅读

文章标签：

HTMLB 的格栅布局功能用于以表格形式排列控件或视图。它通过模拟杂志布局，如一排列包含文章的栏目，每个文章有标题和正文，甚至可能有图片，来实现这种布局。每个单元格可以包含元素，并提供了自定义宽度、高度、行列数、单元格间距和内边距等属性。示例展示了如何设置格栅布局以创建一个简单的两行两列的布局。请注意，此 BSP 元素不支持事件处理和数据处理。

IS HTMLB GRIDLAYOUT

Functionality

This BSP is used to arrange controls or views in tables.

Several documents can be considered as an arrangement of nested boxes. Consider the layout of a magazine, for example. It consists of a row of columns that can contain articles. The articles each have a heading and a block of text. Pictures are also possible. The text can be split up into several paragraphs and so on. These modules in a magazine are boxes, that is, right-angled areas that can be arranged on the page as tables. The gridLayout element provides a simple way of creating this type of document, although it provides many more functions: each cell in a gridLayout element can include an element. By default, the element itself does not have its own visible design.

The inner element structure consists of .

Attributes

Name

Mandatory

Description

Unique name that clearly identifies the BSP element. This attribute is used in event handling and in data handling.

width

Use this attribute to determine the width of the grid layout.

height

Use this attribute to determine the height of the grid layout.

rowSize

Use this attribute to determine the number of rows.

columnSize

Use this attribute to determine the number of columns.

cellSpacing

Use this attribute to determine the spacing between the individual cells in the grid.

cellPadding

Use this attribute to determine the spacing between the cell framework and contents.

debugMode

Use this attribute to determine whether you want to work in debugging mode.

style

Use this attribute to replace the background color with the standard "look & feel". Possible values are ALTERNATING, TRANSPARENT, STANDARD (default) and WHITE.

Example

width = "100%"

cellSpacing = "1"

columnSize = "2"

rowSize = "2"

< /htmlb:gridLayoutCell>

id = "myGridLayoutCell2"

rowIndex = "1"

columnIndex = "2"

horizontalAlignment = "right">

1 + 2

< /htmlb:gridLayoutCell>

2 + 2

Note

See also BSP application SBSPEXT_HTMLB, page gridexample.bsp

Event handling

No events are supported for this BSP element.

Data Extraction for Inbound Requests

Data handling is not supported for this BSP element.

Further information

You can find additional information about BSP extensions in the SAP Library under .

EMAMPLE:

< language="abap" %>

< name="htmlb" prefix="htmlb" %>

columnSize = "1"

rowSize = "3"

width = "100%" >

columnIndex = "1"

horizontalAlignment = "CENTER" >

width = "90%" />

columnIndex = "1"

horizontalAlignment = "CENTER" >

title = "登录" >

columnSize = "4"

rowSize = "1"

width = "100%" >

columnIndex = "1" >

for = "iFSUserID"

width = "80" />

value = "" />

columnIndex = "2" >

for = "iFSPWD"

width = "80" />

password = "true"

value = "" />

columnIndex = "3" >

onClick = "myClick"

text = "登录" />