多層構造 (ネストされた層)
レイアウト CSV ファイルを使用して他の層の層をネストすることで、 CPQ 内の複雑な多層レイアウトを作成します。タブ、展開可能なセクション、基本コンテナーなどの層表示タイプを定義してフィールドを整理し、柔軟で構造化された視覚的に明確な構成インターフェイスを実現します。
CPQには、層と列セットの 2 つの基本的なコンテナタイプがあります。この記事では、最上位のコンテナー (層) と、さまざまな種類の層を入れ子にすることでより複雑なレイアウトを実現する方法に焦点を当てます。
単一層構造の基本的な CSV 形式は次のようになります。
層定義は、特定の 1 つの層だけでなく、層のレベルの視覚的な表示を定義します。したがって、この場合、3 つの層 (tab1、tab2、および tab3) すべてがタブ表示タイプとして定義されます。これにより、CSV ファイルの各層がタブとして表示されるシンプルな構造が作成されます。
ただし、異なるタイプの層表示タイプが別の層にネストされる場合があります。最も単純な例は、2 層構造です。最初の例に基づいて、いくつかの展開可能なセクションをタブの 1 つにネストしましょう。
ネストされた層がどのように定義されているかに注目してください。層定義の行パスは「layout/tiers/tiers」であり、パス内の別の層の下にある層を展開可能なセクションとして定義する必要があることを示します。次に、行 3 と 4 で、層「exsect1」がパスの層「tab1」の下に配置されていることがわかります。これは、エンドユーザーに対して次のように表示されます。
このパターンを外挿してより深い層構造を作成し、ネストされた定義を宣言することができます。ただし、同じレベルで複数の層定義を持つことはできません。たとえば、下に示す最初の画像の層は有効ですが、/layout/tiers/tiers のコンポーネント表示タイプが ExpandableSection と VerticalTab の両方であるため、2 番目の画像の層は有効ではありません。
有効な階層:
無効な階層:
下層の外側にフィールドを表示する
ネストされた層の一般的なユースケースとしては、最上位層の内側に最下層がネストされ、最下位層の外側に一般的なフィールドが表示される場合があります。これは、BasicContainer 表示タイプの中間層を使用することで実現できます。この構造は、エンドユーザーにとっては次のようになります。
レイアウト CSV ファイルは次のように構成されています。