Show TOC Start of Content Area

Background documentation Filtering and Sorting in a Table  Locate the document in its SAP Library structure

Filtering

The display of rows in a table can be restricted using the onFilter event. This can improve the overview of the information contained in a table.

The Table UI element provides the application developer with an interface to display a filter row. The filter row is displayed right below the column header area and does not change position when the user browses.

The filtering of table entries requires:

       1.      The option to specify a criterion for each table column to restrict the result list

       2.      The option to start the filter process

Restricting the size of the result list

Each table column enables you to bind its filterValue property to a context attribute that defines the value to be filtered. Due to the binding of this property to a context attribute, an input element, which can be used to enter the value to be filtered, is displayed in the column below the column header area. At runtime, the filter input of the user is located in the context attribute to which the property is bound.

Starting the filter process

The Table UI element provides the onFilter event, which can be associated with an action. Due to the association with an action, the filter row is displayed in the table. The filter row contains the button This graphic is explained in the accompanying text as the first element on the left side. When the user chooses this button, the associated action is executed.

You can add a proposal list to an attribute, then in the filter field of the respective column a combo box is displayed, where the user can select or enter values.

More information: Implementing a Combo Box

The logic of the filter process is not implemented in Web Dynpro. The application developer must implement the action to be executed.

Sorting

You can trigger a sorting process using the onSort event. This process can be used to sort in ascending or descending order after a selected table column.

When you assigned a method to the onSort event, the user can click the header of a column at runtime to display the corresponding icons.

unsorted

This graphic is explained in the accompanying text

ascending

This graphic is explained in the accompanying text

descending

This graphic is explained in the accompanying text

The logic of the sorting process is not implemented in Web Dynpro. The application developer must implement the action to be executed.

 

End of Content Area