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

<%@ page language="abap"%>
<%@ extension name="htmlb" prefix="htmlb"%>


  
    

                             <%--  debugMode   = "true" --%>
                           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 = "<%= page_iFSUserID %>" />
                 
               
                                                      columnIndex = "2" >
                                                 for   = "iFSPWD"
                               width = "80" />
                                                      password = "true"
                                    value    = "<%= page_iFSPWD %>" />
                 
               
                                                      columnIndex = "3" >
                                                  onClick = "myClick"
                                text    = "登录" />