From 88f18bf873424f6255f8dda36f16c225985da951 Mon Sep 17 00:00:00 2001
From: oblomov <102328295+oblomov-dev@users.noreply.github.com>
Date: Mon, 20 Nov 2023 22:37:18 +0100
Subject: [PATCH] Update README.md (#658)

---
 README.md | 90 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 90 insertions(+)

diff --git a/README.md b/README.md
index 6763d2eb..3c7b8d6e 100644
--- a/README.md
+++ b/README.md
@@ -127,6 +127,96 @@ CLASS z2ui5_cl_app_hello_world IMPLEMENTATION.
   ENDMETHOD.
 ENDCLASS.
 ```
+Or check out this example with lists and events:
+<details>
+<summary>show code...</summary>
+   
+```abap
+CLASS z2ui5_cl_demo_app DEFINITION PUBLIC.
+
+  PUBLIC SECTION.
+
+    INTERFACES Z2UI5_if_app.
+
+    TYPES:
+      BEGIN OF ty_row,
+        title    TYPE string,
+        value    TYPE string,
+        descr    TYPE string,
+        icon     TYPE string,
+        info     TYPE string,
+        selected TYPE abap_bool,
+        checkbox TYPE abap_bool,
+      END OF ty_row.
+
+    DATA t_tab TYPE STANDARD TABLE OF ty_row WITH EMPTY KEY.
+    DATA check_initialized TYPE abap_bool.
+
+ENDCLASS.
+
+CLASS z2ui5_cl_demo_app IMPLEMENTATION.
+
+  METHOD Z2UI5_if_app~main.
+
+    IF check_initialized = abap_false.
+      check_initialized = abap_true.
+
+      t_tab = VALUE #(
+        ( title = 'row_01'  info = 'completed'   descr = 'this is a description' icon = 'sap-icon://account' )
+        ( title = 'row_02'  info = 'incompleted' descr = 'this is a description' icon = 'sap-icon://account' )
+        ( title = 'row_03'  info = 'working'     descr = 'this is a description' icon = 'sap-icon://account' )
+        ( title = 'row_04'  info = 'working'     descr = 'this is a description' icon = 'sap-icon://account' )
+        ( title = 'row_05'  info = 'completed'   descr = 'this is a description' icon = 'sap-icon://account' )
+        ( title = 'row_06'  info = 'completed'   descr = 'this is a description' icon = 'sap-icon://account' )
+      ).
+
+      DATA(view) = z2ui5_cl_xml_view=>factory( ).
+      DATA(page) = view->shell(
+          )->page(
+              title          = 'abap2UI5 - List'
+              navbuttonpress = client->_event( 'BACK' )
+                shownavbutton = abap_true
+              )->header_content(
+                  )->link(
+                      text = 'Source_Code'  target = '_blank'
+                      href = z2ui5_cl_demo_utility=>factory( client )->app_get_url_source_code( )
+              )->get_parent( ).
+
+      page->list(
+          headertext      = 'List Ouput'
+          items           = client->_bind_edit( t_tab )
+          mode            = `SingleSelectMaster`
+          selectionchange = client->_event( 'SELCHANGE' )
+          )->standard_list_item(
+              title       = '{TITLE}'
+              description = '{DESCR}'
+              icon        = '{ICON}'
+              info        = '{INFO}'
+              press       = client->_event( 'TEST' )
+              selected    = `{SELECTED}`
+         ).
+
+      client->view_display( view->stringify( ) ).
+
+    ENDIF.
+
+    CASE client->get( )-event.
+
+      WHEN 'SELCHANGE'.
+        DATA(lt_sel) = t_tab.
+        DELETE lt_sel WHERE selected = abap_false.
+        client->message_box_display( `go to details for item ` && lt_sel[ 1 ]-title ).
+
+      WHEN 'BACK'.
+        client->nav_app_leave( client->get_app( client->get( )-s_draft-id_prev_app_stack ) ).
+    ENDCASE.
+
+  ENDMETHOD.
+ENDCLASS.
+```
+
+</details>
+
 #### FAQ
 * Check out the [documentation](https://github.com/abap2UI5/abap2UI5-documentation/) for more installation & configuration guidelines
 * Still have open questions? Find an answer in the [FAQ](https://github.com/abap2UI5/abap2UI5-documentation/blob/main/docs/faq.md)