Add demo apps for tree table, wizard, drag-drop, and sound features#611
Merged
Merged
Conversation
… s_03) Archive originals as _0 in src/99 and rewrite to use new cs_event constants: - 309: follow_up_action alert -> cs_event-z2ui5 (afterBE) - 116: function setState() -> sap.z2ui5.setState + cs_event-z2ui5 - 317: expandToLevel / myFunction -> cs_event-expand_to_level - 202: sap.z2ui5.decideNextStep -> cs_event-wizard_set_next_step - s_03: playSuccess/playError -> cs_event-play_audio Also add src/99 to noIssues (archived code) and point abaplint dependency to feature branch until framework PR is merged. https://claude.ai/code/session_01644zuAPuFkd1GHsFU5P9xM
Co-authored-by: abaplint[bot] <24845621+abaplint[bot]@users.noreply.github.com>
![abaplint[bot]](https://avatars.githubusercontent.com/in/960?s=60&v=4){kind=small}
| |function playSuccess() \{ new Audio("/SAP/PUBLIC/BC/ABAP/mime_demo/z2ui5_demo_success.mp3").play(); \}| | ||
| && |function playError() \{ new Audio("/SAP/PUBLIC/BC/ABAP/mime_demo/z2ui5_demo_error.mp3").play(); \}| ). | ||
|
|
||
| DATA(vbox) = view->page( `Play success and error sounds` )->vbox( class = `sapUiSmallMargin` ). |
Contributor
There was a problem hiding this comment.
Omit default parameter name "CLASS"
Suggest following fix,
Suggested change
| DATA(vbox) = view->page( `Play success and error sounds` )->vbox( class = `sapUiSmallMargin` ). | |
| DATA(vbox) = view->page( `Play success and error sounds` )->vbox( `sapUiSmallMargin` ). |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
This PR adds five new demo applications showcasing advanced abap2UI5 features: tree table state management, wizard navigation with branching, tree drag-and-drop, sound playback, and client-side JavaScript execution. It also refactors existing demo apps to extract reusable patterns into separate versioned classes.
Key Changes
New demo apps in
/src/99/(versioned, reusable implementations):z2ui5_cl_demo_app_116_0: Tree table with expand/collapse state persistence using JavaScriptz2ui5_cl_demo_app_202_0: Wizard control withnextStepandsubsequentStepsbranchingz2ui5_cl_demo_app_317_0: Tree with drag-and-drop node reorderingz2ui5_cl_demo_app_s_03_0: Sound playback (success/error audio feedback)z2ui5_cl_demo_app_309_0: Client-side JavaScript execution viafollow_up_actionRefactored existing demo apps in
/src/(main versions):z2ui5_cl_demo_app_116: Removed inline JavaScript functions; now delegates to versioned_0classz2ui5_cl_demo_app_202: Removed wizard script injection; simplified to use versioned implementationz2ui5_cl_demo_app_317: Replaced raw JavaScript string withclient->_event_client()API call for tree expansionz2ui5_cl_demo_app_309: Updated to use_event_client()for cleaner event handlingz2ui5_cl_demo_app_s_03: Removed audio script injection; delegated to versioned classConfiguration update:
abaplint.jsoncto exclude/src/99from linting (versioned demo code)Implementation Details
saveState(),setState()) to preserve expand/collapse state across roundtripsnextStepandsubsequentStepsproperties with customdecideNextStep()functionDragDropInfowith custom data extraction from tree items/SAP/PUBLIC/BC/ABAP/mime_demo/follow_up_action()enables direct DOM manipulation and custom logic_0classes serve as reference implementations; main classes remain simplified entry pointshttps://claude.ai/code/session_01644zuAPuFkd1GHsFU5P9xM