Specifying Layout for List of Authors (SAP Library

Specifying Layout for List of Authors

Use

The layout for the page with the list of all authors, authors.htm, is to contain a two column table with the first and last names of all authors.

Procedure

For the authors.htm page choose the Layout tab page.

Define the layout:

<%@page language="abap" %>

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

<htmlb:content>

  <htmlb:page title        = "List of Authors"

              marginBottom = "10"

              marginLeft   = "10"

              marginRight  = "10"

              marginTop    = "10"

              scrolling    = "yes" >

    <table width="100%" height="100%" cellspacing="1" cellpadding="2" border="0">

              <tr class="sapTbvCellStd"> <td bgcolor="Whitesmoke" valign="top">

    <htmlb:form>

      <htmlb:tableView id            = "tv1"

                       headerText    = "List of Authors"

                       headerVisible = "true"

                       footerVisible = "false"

                       design        = "ALTERNATING"

                       table         = "<%= authors %>" >

        <htmlb:tableViewColumns>

          <htmlb:tableViewColumn columnName = "authfnam"

                                 title      = "first name" >

          </htmlb:tableViewColumn>

          <htmlb:tableViewColumn columnName = "authlnam"

                                 title      = "last name" >

          </htmlb:tableViewColumn>

        </htmlb:tableViewColumns>

      </htmlb:tableView>

    </htmlb:form>

    </td></tr></table>

  </htmlb:page>

</htmlb:content>

After the heading there is a table with two columns. The first column contains the first names, the second column contains the surnames. The table is realized using the HTMLB extension element tableView, where the values are taken from table authors and the two inner tableViewColumn elements contain the first and last names.

Note

You can find additional information about the HTMLB extension element tableView in the online help on tableView in the system.

Save your entries.

Result

Now determine the event handler for the list of authors, as in the Second Tutorial and then continue with the page attributes, also described in the Second Tutorial, and then do the Layout for the Results List.