BSP Extension
1. Main concept:
Definition:
BSP Extension: A collection of BSP element
BSP Element: Like JSP user-defined tag for reusable purpose
2. Using BSP extension
<%@extension name=”Your extension” prefix=”your prefix”%>
3. BSP extension sample for standard SAP provided
Package: SBSPEXT_HTMLB
4. Three group for HTMLB:
1). First Group: Element convert to HTML source at runtime, prevent user from filling
| HTMLB Element | Dependent Elements |
| content | document
page |
| document | documentHead
documentBody |
| page | headInclude
form All other elements for the HTML body. |
| documentHead | headInclude |
| documentBody | form
All other elements for the HTML body. |
| form | All other elements for the HTML body. |
| chart | |
| gridLayout | gridLayoutCell |
| group | groupHeader
groupBody |
| itemList | listItem |
| label | |
| textView |
2). Second Group: Allow you trigger HTTP request\
| HTMLB Element | Parameter ->event_type | event_handler
CL_HTMLB_EVENT_.. |
| breadCrumb
breadCrumbItem |
onClick -> click
- |
BREADCRUMB
- |
| button | onClick -> click | BUTTON |
| checkBoxGroup
checkbox |
-
onClick -> click |
-
CHECKBOX |
| dateNavigator
days week month |
onDayClick -> dayClick
onMonthClick ->monthClick onWeekClick -> weekClick onNavigate -> previous/next - - - |
DATENAVIGATOR
- - - |
| dropdownListBox | onSelect -> select | SELECTION |
| image | onClick -> click | - |
| link | onClick -> click | LINK |
| radioButtonGroup
radioButton |
-
onClick -> click |
-
RADIOBUTTON |
| tabStrip
tabStripItem tabStripItemHeader tabStripItemBody |
-
onSelect -> select - - |
-
TABSTRIP - - |
| tableView
tableViewColumns tableViewColumn |
onFilter -> filter
onHeaderClick ->headerClick onNavigate -> navigate onRowSelection ->rowSelection - onCellClick -> cellClick onItemClick -> itemClick |
TABLEVIEW
- TABLEVIEW - |
| tray
trayBody |
onCollapse -> collapse
onEdit -> edit onExpand -> expand onRemove -> remove - |
TRAY |
| tree
treeNode |
onTreeClick -> click
onNodeClick -> click |
TREE
TREE |
3). Third Group: Allow user to enter data
| HTMLB Element | Element Class
(CL_HTMLB_..) |
Extractable Attributes
/ Also Using Auto Page Attribute |
| checkBox | CHECKBOX | checked / X |
| dropdownListBox | DROPDOWNLIST-BOX | selection / X |
| fileUpload | FILEUPLOAD | file_name /
file_content / file_length / file_content_type / |
| inputField | INPUTFIELD | value / X |
| listBox | LISTBOX | selections / + |
| radioButtonGroup | RADIOBUTTON-GROUP | selection / X |
| tabStrip | TABSTRIP | selection / X |
| textEdit | TEXTEDIT | text / X |
| tray | TRAY | iscollapsed / |
5. Create your own BSP Extension:
This will be described in detail you the later demo
No Comments