SAP/abap2UI5
1
0
Fork 0
mirror of https://github.com/abap2UI5/abap2UI5.git synced 2025-04-29 20:38:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

replace sap.ui.table with sap.m.table (#126)

Browse Source 
* css styles

* index.html

* refactoring

* replace sap.ui.table with sap.m.table

* update (#125)

* css, design and repo url (#124)

* css styles

* index.html

* Update README.md

* Update README.md

* Update README.md

* Update README.md

* Update README.md

* Update README.md

* Update README.md

* Update README.md

* Update README.md

* abaplint issues

* abaplint issues
This commit is contained in:
oblomov 2023-03-24 14:57:31 +01:00
parent d790d77f1b
commit 0d3cd4b889
6 changed files with 63 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/00/z2ui5_cl_app_demo_13.clas.abap
View File

@ -6,6 +6,7 @@ CLASS z2ui5_cl_app_demo_13 DEFINITION PUBLIC.
TYPES: TYPES:
BEGIN OF ty_s_spfli, BEGIN OF ty_s_spfli,
selkz TYPE abap_bool,
carrid TYPE c LENGTH 3, carrid TYPE c LENGTH 3,
connid TYPE n LENGTH 4, connid TYPE n LENGTH 4,
countryfr TYPE c LENGTH 3, countryfr TYPE c LENGTH 3,
@ -35,7 +36,6 @@ CLASS z2ui5_cl_app_demo_13 DEFINITION PUBLIC.
DATA: DATA:
BEGIN OF ms_edit, BEGIN OF ms_edit,
t_table TYPE ty_t_table, t_table TYPE ty_t_table,
delete_index TYPE i,
check_active TYPE abap_bool, check_active TYPE abap_bool,
END OF ms_edit. END OF ms_edit.
@ -67,7 +67,7 @@ ENDCLASS.
CLASS Z2UI5_CL_APP_DEMO_13 IMPLEMENTATION. CLASS z2ui5_cl_app_demo_13 IMPLEMENTATION.
METHOD z2ui5_if_app~controller. METHOD z2ui5_if_app~controller.
@ -135,7 +135,7 @@ CLASS Z2UI5_CL_APP_DEMO_13 IMPLEMENTATION.
client->popup_message_box( 'Table data saved to database successfully' ). client->popup_message_box( 'Table data saved to database successfully' ).
WHEN 'EDIT_ROW_DELETE'. WHEN 'EDIT_ROW_DELETE'.
DELETE ms_edit-t_table INDEX ms_edit-delete_index + 1. " DELETE ms_edit-t_table INDEX ms_edit-delete_index + 1.
WHEN 'EDIT_CHANGE_MODE'. WHEN 'EDIT_CHANGE_MODE'.
ms_edit-check_active = xsdbool( ms_edit-check_active = abap_false ). ms_edit-check_active = xsdbool( ms_edit-check_active = abap_false ).
@ -254,47 +254,44 @@ CLASS Z2UI5_CL_APP_DEMO_13 IMPLEMENTATION.
)->label( 'Table' )->label( 'Table'
)->input( 'SPFLI' ). )->input( 'SPFLI' ).
DATA(table) = grid->ui_table( DATA(cont) = grid->simple_form( )->content( 'f' ).
rows = client->_bind( ms_edit-t_table )
selectionmode = 'Single'
selectedindex = client->_bind( ms_edit-delete_index ) ).
table->ui_extension( cont->overflow_toolbar(
)->overflow_toolbar( )->button(
)->toolbar_spacer( text = 'Reload'
)->button( icon = 'sap-icon://refresh'
text = 'Reload' press = client->_event( 'EDIT_DB_READ' )
icon = 'sap-icon://refresh' )->toolbar_spacer(
press = client->_event( 'EDIT_DB_READ' ) )->button(
)->button( text = 'Delete Row'
text = 'Delete Row' icon = 'sap-icon://delete'
icon = 'sap-icon://delete' press = client->_event( 'EDIT_ROW_DELETE' )
press = client->_event( 'EDIT_ROW_DELETE' ) )->button(
)->button( text = 'Add Row'
text = 'Add Row' icon = 'sap-icon://add'
icon = 'sap-icon://add' press = client->_event( 'EDIT_ROW_ADD' ) ).
press = client->_event( 'EDIT_ROW_ADD' ) ).
DATA(scroll) = cont->scroll_container( vertical = abap_true horizontal = abap_true ).
DATA(tab) = scroll->table(
width = '100rem'
items = client->_bind( ms_edit-t_table )
mode = 'MultiSelect' ).
DATA(columns) = table->ui_columns( ).
DATA(lt_fields) = lcl_db=>get_fieldlist_by_table( ms_edit-t_table ). DATA(lt_fields) = lcl_db=>get_fieldlist_by_table( ms_edit-t_table ).
LOOP AT lt_fields INTO DATA(lv_field). DATA(lo_columns) = tab->columns( ).
DATA(templ) = columns->ui_column( )->label( lv_field )->ui_template( ). LOOP AT lt_fields INTO DATA(lv_field) FROM 2.
lo_columns->column( )->text( lv_field ).
IF ms_edit-check_active = abap_true. ENDLOOP.
templ->input( `{` && lv_field && `}` ).
ELSE.
templ->text( `{` && lv_field && `}` ).
ENDIF.
DATA(lo_cells) = tab->items( )->column_list_item( selected = '{SELKZ}' )->cells( ).
LOOP AT lt_fields INTO lv_field FROM 2.
lo_cells->input( `{` && lv_field && `}` ).
ENDLOOP. ENDLOOP.
page->footer( page->footer(
)->overflow_toolbar( )->overflow_toolbar(
)->button(
text = 'Edit'
press = client->_event( 'EDIT_CHANGE_MODE' )
icon = 'sap-icon://edit'
)->toolbar_spacer( )->toolbar_spacer(
)->button( )->button(
text = 'Save' text = 'Save'

17
src/00/z2ui5_cl_app_demo_14.clas.abap
View File

@ -16,7 +16,7 @@ ENDCLASS.
CLASS Z2UI5_CL_APP_DEMO_14 IMPLEMENTATION. CLASS z2ui5_cl_app_demo_14 IMPLEMENTATION.
METHOD z2ui5_if_app~controller. METHOD z2ui5_if_app~controller.
@ -60,13 +60,14 @@ CLASS Z2UI5_CL_APP_DEMO_14 IMPLEMENTATION.
WHEN client->cs-lifecycle_method-on_rendering. WHEN client->cs-lifecycle_method-on_rendering.
DATA(view) = client->factory_view( 'VIEW_INPUT' ). DATA(page) = client->factory_view( 'VIEW_INPUT'
DATA(page) = view->page( title = 'abap2UI5 - MIME Editor' navbuttonpress = client->_event( 'BACK' ) ). )->page( title = 'abap2UI5 - MIME Editor' navbuttonpress = client->_event( 'BACK' )
)->header_content(
)->link( text = 'Demo' href = 'https://twitter.com/OblomovDev/status/1631562906570575875'
)->link( text = 'Source_Code' href = client->get( )-s_request-url_source_code
)->get_parent( ).
page->header_content( )->link( text = 'Demo' href = 'https://twitter.com/OblomovDev/status/1631562906570575875' DATA(grid) = page->grid( 'L7 M7 S7' )->content( 'l' ).
)->link( text = 'Source_Code' href = client->get( )-s_request-url_source_code ).
DATA(grid) = page->grid( 'L12 M12 S12' )->content( 'l' ).
grid->simple_form( 'File' )->content( 'f' grid->simple_form( 'File' )->content( 'f'
)->label( 'path' )->label( 'path'
@ -83,6 +84,8 @@ CLASS Z2UI5_CL_APP_DEMO_14 IMPLEMENTATION.
press = client->_event( 'DB_LOAD' ) press = client->_event( 'DB_LOAD' )
icon = 'sap-icon://download-from-cloud' ). icon = 'sap-icon://download-from-cloud' ).
grid = page->grid( 'L12 M12 S12' )->content( 'l' ).
grid->simple_form( 'Editor' )->content( 'f' grid->simple_form( 'Editor' )->content( 'f'
)->scroll_container( '75%' )->scroll_container( '75%'
)->code_editor( )->code_editor(

2
src/00/z2ui5_cl_app_demo_14.clas.xml
View File

@ -5,7 +5,7 @@
<VSEOCLASS> <VSEOCLASS>
<CLSNAME>Z2UI5_CL_APP_DEMO_14</CLSNAME> <CLSNAME>Z2UI5_CL_APP_DEMO_14</CLSNAME>
<LANGU>E</LANGU> <LANGU>E</LANGU>
<DESCRIPT>demo - code/mime editor</DESCRIPT> <DESCRIPT>demo - mime editor</DESCRIPT>
<STATE>1</STATE> <STATE>1</STATE>
<CLSCCINCL>X</CLSCCINCL> <CLSCCINCL>X</CLSCCINCL>
<FIXPT>X</FIXPT> <FIXPT>X</FIXPT>

13
src/00/z2ui5_cl_app_demo_16.clas.abap
View File

@ -94,13 +94,14 @@ CLASS z2ui5_cl_app_demo_16 IMPLEMENTATION.
WHEN client->cs-lifecycle_method-on_rendering. WHEN client->cs-lifecycle_method-on_rendering.
DATA(view) = client->factory_view( 'VIEW_INPUT' ). DATA(container) = client->factory_view( 'VIEW_INPUT'
DATA(page) = view->page( title = 'abap2UI5 - Visualization' navbuttonpress = client->_event( 'BACK' ) ). )->page( title = 'abap2UI5 - Visualization' navbuttonpress = client->_event( 'BACK' )
page->header_content( )->header_content(
")->link( text = 'Demo' href = `https://twitter.com/OblomovDev/status/1634206964291911682` )->link( text = 'Demo' href = `https://twitter.com/OblomovDev/status/1639191954285113344`
)->link( text = 'Source_Code' href = client->get( )-s_request-url_source_code ). )->link( text = 'Source_Code' href = client->get( )-s_request-url_source_code
)->get_parent(
)->tab_container( ).
DATA(container) = page->tab_container( ).
render_tab_donut( client = client container = container ). render_tab_donut( client = client container = container ).
render_tab_bar( client = client container = container ). render_tab_bar( client = client container = container ).
render_tab_line( client = client container = container ). render_tab_line( client = client container = container ).

58
src/z2ui5_cl_http_handler.clas.locals_imp.abap
View File

@ -1710,6 +1710,7 @@ CLASS z2ui5_lcl_if_view IMPLEMENTATION.
( n = `growingScrollToLoad` v = growingscrolltoload ) ( n = `growingScrollToLoad` v = growingscrolltoload )
( n = `sticky` v = sticky ) ( n = `sticky` v = sticky )
( n = `mode` v = mode ) ( n = `mode` v = mode )
( n = `width` v = width )
) ). ) ).
ENDMETHOD. ENDMETHOD.
@ -1774,10 +1775,11 @@ CLASS z2ui5_lcl_if_view IMPLEMENTATION.
result = _generic( result = _generic(
name = `ScrollContainer` name = `ScrollContainer`
t_prop = VALUE #( t_prop = VALUE #(
( n = `height` v = height ) ( n = `height` v = height )
( n = `width` v = width ) ( n = `width` v = width )
( n = `vertical` v = `true` ) ( n = `vertical` v = _=>get_json_boolean( vertical ) )
( n = `focusable` v = `true` ) ( n = `horizontal` v = _=>get_json_boolean( horizontal ) )
( n = `focusable` v = _=>get_json_boolean( focusable ) )
) ). ) ).
ENDMETHOD. ENDMETHOD.
@ -1935,56 +1937,6 @@ CLASS z2ui5_lcl_if_view IMPLEMENTATION.
ENDMETHOD. ENDMETHOD.
METHOD z2ui5_if_view~ui_column.
result = _generic(
name = `Column`
ns = `ui`
t_prop = VALUE #(
( n = `width` v = width )
) ).
ENDMETHOD.
METHOD z2ui5_if_view~ui_columns.
result = _generic(
name = `columns`
ns = `ui` ).
ENDMETHOD.
METHOD z2ui5_if_view~ui_extension.
result = _generic(
name = `extension`
ns = `ui` ).
ENDMETHOD.
METHOD z2ui5_if_view~ui_table.
result = _generic(
name = `Table`
ns = `ui`
t_prop = VALUE #(
( n = `rows` v = rows )
( n = `selectionMode` v = selectionmode )
( n = `visibleRowCount` v = visiblerowcount )
( n = `selectedIndex` v = selectedindex )
) ).
ENDMETHOD.
METHOD z2ui5_if_view~ui_template.
result = _generic(
name = `template`
ns = `ui`
).
ENDMETHOD.
METHOD z2ui5_if_view~flex_box. METHOD z2ui5_if_view~flex_box.

40
src/z2ui5_if_view.intf.abap
View File

@ -4,7 +4,6 @@ INTERFACE z2ui5_if_view
CONSTANTS: CONSTANTS:
BEGIN OF cs, BEGIN OF cs,
BEGIN OF lifecycle_method, BEGIN OF lifecycle_method,
* on_init TYPE string VALUE 'INIT',
on_event TYPE string VALUE 'EVENT', on_event TYPE string VALUE 'EVENT',
on_rendering TYPE string VALUE 'RENDERING', on_rendering TYPE string VALUE 'RENDERING',
END OF lifecycle_method, END OF lifecycle_method,
@ -118,33 +117,6 @@ INTERFACE z2ui5_if_view
RETURNING RETURNING
VALUE(result) TYPE REF TO z2ui5_if_view. VALUE(result) TYPE REF TO z2ui5_if_view.
METHODS ui_table
IMPORTING
rows TYPE clike OPTIONAL
selectionmode TYPE clike OPTIONAL
visiblerowcount TYPE clike OPTIONAL
selectedindex TYPE clike OPTIONAL
RETURNING
VALUE(result) TYPE REF TO z2ui5_if_view.
METHODS ui_extension
RETURNING
VALUE(result) TYPE REF TO z2ui5_if_view.
METHODS ui_columns
RETURNING
VALUE(result) TYPE REF TO z2ui5_if_view.
METHODS ui_column
IMPORTING
width TYPE clike DEFAULT '11rem'
RETURNING
VALUE(result) TYPE REF TO z2ui5_if_view.
METHODS ui_template
RETURNING
VALUE(result) TYPE REF TO z2ui5_if_view.
METHODS table METHODS table
IMPORTING IMPORTING
items TYPE clike OPTIONAL items TYPE clike OPTIONAL
@ -154,6 +126,7 @@ INTERFACE z2ui5_if_view
headertext TYPE clike OPTIONAL headertext TYPE clike OPTIONAL
sticky TYPE clike OPTIONAL sticky TYPE clike OPTIONAL
mode TYPE clike OPTIONAL mode TYPE clike OPTIONAL
width TYPE clike OPTIONAL
PREFERRED PARAMETER items PREFERRED PARAMETER items
RETURNING RETURNING
VALUE(result) TYPE REF TO z2ui5_if_view. VALUE(result) TYPE REF TO z2ui5_if_view.
@ -170,7 +143,7 @@ INTERFACE z2ui5_if_view
stretch TYPE clike OPTIONAL stretch TYPE clike OPTIONAL
contentheight TYPE clike OPTIONAL contentheight TYPE clike OPTIONAL
contentwidth TYPE clike OPTIONAL contentwidth TYPE clike OPTIONAL
PREFERRED PARAMETER title PREFERRED PARAMETER title
RETURNING RETURNING
VALUE(result) TYPE REF TO z2ui5_if_view. VALUE(result) TYPE REF TO z2ui5_if_view.
@ -301,7 +274,7 @@ INTERFACE z2ui5_if_view
METHODS column_list_item METHODS column_list_item
IMPORTING IMPORTING
valign TYPE clike DEFAULT 'Middle' valign TYPE clike OPTIONAL
selected TYPE clike OPTIONAL selected TYPE clike OPTIONAL
RETURNING RETURNING
VALUE(result) TYPE REF TO z2ui5_if_view. VALUE(result) TYPE REF TO z2ui5_if_view.
@ -376,8 +349,11 @@ INTERFACE z2ui5_if_view
METHODS scroll_container METHODS scroll_container
IMPORTING IMPORTING
height TYPE clike DEFAULT '100%' height TYPE clike OPTIONAL
width TYPE clike DEFAULT '100%' width TYPE clike OPTIONAL
vertical TYPE clike OPTIONAL
horizontal TYPE clike OPTIONAL
focusable TYPE clike OPTIONAL
PREFERRED PARAMETER height PREFERRED PARAMETER height
RETURNING RETURNING
VALUE(result) TYPE REF TO z2ui5_if_view. VALUE(result) TYPE REF TO z2ui5_if_view.