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

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

id

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

x

Use this attribute to determine the number of rows.

columnSize

x

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>

< /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    = "登录" />