1. コンポーネントライブラリ

ContextSwitcher(コンテキストスイッチャー)

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

ContextSwitcherコントロールには、クリック可能な項目のパネルを含むドロップダウン ボタンが表示されます。ユーザーがボタンをクリックすると、ボタンにアイテムのパネルが表示されます。

ユーザーがパネル内の項目をクリックすると、次のようになります。

  • アイテムのClickプロパティでイベントを指定すると、コントロールによってこのイベントがトリガーされます (該当する場合)。

  • 項目の " Text " プロパティの内容は、ContextSwitcherコントロールがラベルとして表示するテキストになります。

一部のページ構造には、ContextSwitcherコントロール専用のプレースホルダー ApplicationHeader.ContextSwitchがあります。

ContextSwitcherコントロールに表示する項目は、ContextItemテンプレートで指定します。このテンプレートには、アイテムを指定するために使用する4つのフィールドがあります。

  • Name: コントロールは、この項目が選択されたときに、これをボタンのラベル テキストとして使用します。

  • クリック: コントロールが実行するJavaScriptを指定します。

  • Tooltip: この項目が選択されたときにコントロールが使用するツールヒント テキストを指定します。

  • Selected: このフィールドをtrueに設定すると、アイテムが選択されます。また、値を読み取って、アイテムが現在選択されているかどうかをテストすることもできます。

ContextSwitcherコントロールは、複数選択をサポートしていません。複数のアイテムにSelected == trueがある場合は、最後のアイテムが選択したアイテムになります。Selected == trueアイテムがない場合は、最初のアイテムが選択されています。

ContextItemテンプレートに基づいて項目をアプリケーションのPageSettings項目の下のフォルダに作成し、ContextSwitcherコントロールのItemsプロパティを、これらの項目を取得するデータ ソース コンポーネントにバインドする必要があります。ControlSwitcherコントロールには、これらすべての項目が表示されます。

次の例のように、JavaScriptでItemsプロパティを設定できます。

javascript: app.ContextSwitcher1.set("items", [{
    Name: "Alert",
    Click: "javascript:alert('clicked')"
}, {
    Name: "Tooltip",
    Tooltip: "This is the tooltip for the contextItem"
}, {
    Name: "Selected",
    Selected: true
}, {
    Name: "Trigger",
    Click: "trigger:open:SmartPanel1"
}])

プロパティ

Name

Description

Default

Data

項目

コントロールに表示する項目を指定します。

構成

ContextSwitcher-Parametersテンプレートを使用して、コントロールの構成項目を作成できます。

この記事を改善するための提案がある場合は、 お知らせください!