sap/open-ux-tools

sap-fiori-tree-table

Configure hierarchical tree table to SAP Fiori elements application for displaying parent-child recursive hierarchies.

ソースを見る

使い方

  1. インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
  2. 必要なツール、認証情報、対応環境を原文で確認します。
  3. 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/sap/open-ux-tools --skill sap-fiori-tree-table

開始前の確認

  • 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
  • スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

SAP Fiori Tree Table with Recursive Hierarchy

Purpose

Configure hierarchical tree table to display parent-child relationships in a recursive structure (organizational hierarchies, category trees, nested data).

Environment Requirements

CAP Projects:

  • ✅ VS Code or SAP Business Application Studio (BAS) - Both environments supported
  • ✅ Fiori MCP Server - Required for Fiori app generation and modification (VS Code only)
  • ✅ CDS MCP Server - Required for CDS model queries

ABAP RAP Projects:

  • ✅ VS Code only - ABAP Development Tools extension is VS Code-specific
  • ✅ Fiori MCP Server - Required for Fiori app generation and modification
  • ✅ ABAP Development Tools for VS Code extension - Required for backend development (includes ADT MCP server for RAP operations)

MANDATORY: Gather Required Inputs First

STOP and ASK the user for ALL of these inputs if ANY are missing from the prompt:

For ABAP RAP Projects:

  1. Package name - Where to create or find backend hierarchy objects ($TMP for local, or specific package like Z_MAINT)
  2. Transport Required: Depends on package type (No for local packages like $TMP, Yes for transportable packages)
  3. Entity name - The entity to make hierarchical (e.g., "Equipment", "Category", "FunctionalLocation")

For CAP Projects:

  1. Entity name - The entity to make hierarchical (e.g., "Travel", "Category", "ProductCategory")

DO NOT proceed with implementation until all inputs are confirmed.


CAP Implementation

📖 [Complete CAP Implementation Guide](./references/cap-implementation.md)

Quick Summary:

  • 6-step process: Check entity → Add association → Add @hierarchy → Configure manifest → Create data → Test
  • Supports UUID, String, and Integer keys (single key only)
  • Requires @sap/cds 9.6.0+ and OData V4
  • Use CDS MCP to search model before editing

ABAP RAP Implementation

📖 [Complete RAP Implementation Guide](./references/rap-implementation.md)

Quick Summary:

  • 4-step process: Check existing hierarchy → Implement backend → Configure manifest → Test
  • Decision required: Read-only (List Report only) vs. Editable (with Object Page)
  • For detailed backend implementation:
  • Read-Only Treeviews Guide
  • Editable Treeviews Guide

Quick Troubleshooting

CAP Common Issues

  • "@hierarchy not supported" → Use managed association (no on condition)
  • "table has no column" → Use parent_ID (with underscore) in CSV
  • "TreeTable not rendering" → Check type: "TreeTable" and hierarchyQualifier in manifest

ABAP RAP Common Issues

  • "Element must not be search enabled" → Remove @Search annotations from hierarchy projection view
  • "Primary keys do not match" → Child table needs composite key (child UUID + parent UUID)

📖 Full error reference in implementation guides


Key Differences

CAP:

  • Managed association in entity
  • @hierarchy annotation on service
  • CSV data with parent_ID column
  • For testing, refer to the Application Preview Guidelines section in the sap-fiori-app-development skill

ABAP RAP:

  • CDS view with @OData.hierarchy.recursiveHierarchy
  • Qualifier in metadata
  • Test data in database tables
  • For testing, refer to the Application Preview Guidelines section in the sap-fiori-app-development skill

タスクに関連する項目

同じリポジトリから

関連する Skills

すべての Skills
sap
コミュニティ

sap-fiori-add-visual-filter

Add visual filters (chart-based) to SAP Fiori Elements filter bar or value help using CAP or ABAP RAP. Use when asked to add chart filters, bar chart selectors, or visual filter bars to a Fiori Elements application.

導入数
1
GitHub Stars
159
更新日
10月20日
sap
コミュニティ

sap-fiori-analytical-chart

Add analytical chart (chart + table hybrid) to SAP Fiori Elements List Report using aggregated data. Supports CAP and ABAP RAP (OData V4). Use when asked to add a chart section, aggregated data visualization, or Analytical List Page chart to a List Report.

導入数
1
GitHub Stars
158
更新日
10月8日
sap
コミュニティ

sap-fiori-app-development

Guidelines for SAP Fiori app development for CAP and standalone projects. Use when creating or modifying SAP Fiori Elements applications, adding a List Report, Object Page, or Worklist, or connecting a Fiori app to a CAP service or OData endpoint.

導入数
1
GitHub Stars
158
更新日
10月8日
sap
コミュニティ

sap-fiori-create-cli

Run, invoke, and test the @sap-ux/create CLI — generate, add, convert, remove, update, change, list, get commands for SAP Fiori projects. Use when asked to run sap-ux, invoke create CLI, add config to a project, generate adaptation-project, or test any sap-ux/create subcommand.

導入数
1
GitHub Stars
155
更新日
9月17日