Dashcomb Help Center
  • 初めてのDashcomb体験
  • IDE画面と利用者画面
  • IDE画面の使い方
    • IDE画面のメニュー構成
      • ユーザーメニュー
      • コンポーネント
      • インスペクター
    • View-Section-Componentの関係
    • UI Compoment
      • Button
      • Input
      • Textarea
      • Label
      • Markdown
      • Select
      • Radio
      • Checkbox
      • Switch
      • Date Picker
      • Time Picker
      • Table
      • Image
      • Uploader
      • Importer
      • Divider
    • BI Component
      • 棒グラフ
      • 折り線グラフ
      • 円グラフ
    • Layout component
      • Section
      • Row
    • 連携機能パネル
      • DBクエリ
      • API
      • クラウドストレージ
      • オートメーション
      • JavaScript
    • プロパティパネル
      • アクションエディタ
      • コラムエディタ
      • テキスト/コードエディタ
    • オブジェクトやデータの参照
    • Edit Lock機能
    • その他のメニュー
      • バッチ処理
      • データソース
        • データベースと接続する
        • API と接続する
        • クラウドストレージと接続する
      • 権限グループ
      • バージョン管理
      • 設定
      • 料金と支払
  • 利用者画面の使い方
    • 画面領域の紹介
  • 管理画面の逆引きレシピ
    • ユーザー入力を検証する方法
    • ユーザーがCSVファイルやJSONファイルをデータベースにインポートできるようにする
    • データを視覚化し、簡単に洞察を得る
    • 承認ワークフローで、データの正確性と責任の所在を確保する
    • DashcombのSQL AIアシスタントで、自然言語でSQLクエリを素早く書く
    • データベース経由のCRUD操作の実現方法
    • 画面遷移の実現方法
    • API経由のCRUD操作の実現方法
    • APIのリクエストに複雑なデータを入れる
    • 簡単なCDNのファイル管理
    • Tableの数字をフォーマット
    • Tableに画像を表示
    • Data Sourceを追加
    • 画面にDBクエリの追加
    • 画面にクラウドストレージの追加
    • CSV/JSONデータのインポートとダウンロード
    • 承認フローを作成
    • Firebase連携したい
    • 踏み台サーバーを作る
    • 画像をS3, GCSにアップロード
    • Tableの行ごとの選択に応じて内容を変える
    • 動作成功後、失敗後自動的に次の動作を発火する
    • APIの認証情報を設定する
    • ひらがなのみ・カタカナのみのバリデーション
    • ページ読み込み時に実行する処理を設定する
    • ラベル文字をJavaScriptで設定
    • selectedOptionの属性をJSで取得する
GitBook提供
このページ内
  • アクションエディタのUI
  • ボタン名称
  • タイプ
  • Table コンポーネントのボタンのアクション
  • ページ内移動
  1. IDE画面の使い方
  2. プロパティパネル

アクションエディタ

前へプロパティパネル次へコラムエディタ

最終更新 1 年前

クションエディタで、コンポーネントの操作によって開始する処理内容を設定します。ボタンのonClickイベントに似ています。

Dashcombでは選択したボタンをクリックした時やの実行が成功・失敗した時など、さまざまな条件を設定できます。実行させる動作にも、実行、ページ遷移、通知表示などさまざまなものを選択できます。

Dashcombが提供しているアクションエディタは、次のアイコンを押すと表示されます。

  • コンポーネントのプロパティ領域の「アクション」項目にあるエディタアイコン

  • コンポーネントのプロパティ領域の「アクション」項目にある「+」アイコンやエディタアイコン

  • クエリ領域のの実行が「成功時」や「失敗時」のエディタアイコン

アクションエディタで設定可能な項目は、設定対象のコンポーネントやクエリによって変わります。

例えばクエリ領域のアクションエディタは、「実行や移動」と「通知」の二つに分けて設定できます。


アクションエディタのUI


アクションエディタの項目は動作タイプなどによって以下のように変わります。

ボタン名称

クエリ領域にあるエディタはそもそもボタンがないので、対象外です。

初期値は Action で、他の文字列への変更が可能です。{{}} 構文は利用できません。

タイプ

動作の種類を設定します。

初期は「アクション無し」です。つまり全てのコンポーネントは、設定しない限り何の動作もしません。

アクション無し

クエリ実行

選択したアクションが起こった際に、指定のクエリを実行します。

以下の項目を追加で設定します。

設定項目名
設定内容

クエリ

バリデーション

クエリ実行前の画面項目のバリデーションを設定します。 なし: バリデーションのを行いません。 セクション: 該当セクションの項目を検証します。 全体: 当該画面全体の項目を検証します。

メニューに移動

指定のユーザーメニューに移動させます。

以下の項目を追加で設定します。

設定項目名
設定内容

メニュー

遷移先のメニューを設定します。 既存のメニューやサブメニューがリスト表示されるため、そこから選択します。

パラメータ

遷移先に、パラメータが必要なメニューを選択した場合は、追加で設定します。{{}} 構文を利用できます。

URLに移動

指定のURLにリダイレクトします。

以下の項目を追加で設定します。

設定項目名
設定内容

URL

移動先のURLを指定します。

https:// などのプロトコルから始まるページのURLを設定します。

{{}} 構文を利用できます。

通知

画面に通知ボックスを表示します。

以下の項目を追加で設定します。

設定項目名
設定内容

アイコン

表示する通知ボックスのアイコンを設定します。

成功、失敗、疑問、注意の中から選択します。

テキスト

通知ボックスに表示するメッセージテキストを設定します。 {{}} 構文を利用できます。

コピー

指定のテキストをクリップボードにコピーします。

以下の項目を追加で設定します。

設定項目名
設定内容

テキスト

クリップボードにコピーするテキストを設定します。 {{}} 構文を利用できます。

Table コンポーネントのボタンのアクション

ページ内移動

任意の位置にページ内リンクを設置できます。

以下の項目を追加で設定します。

設定項目
設定内容

タイプ

ページ内移動

オブジェクト

ページ内にあるオブジェクトを選択

の中のボタンの場合のみ、アクションエディタでラベルを設定します。

通常のは、の「テキスト」項目でラベル名を指定します。

設定対象にアクションを設定しません。該当ボタンを押したり、、追加の動作を行いません。

実行するクエリを選択します。アクションをあるに指定すると、ボタンやの後続の動作として登録します。は事前に用意する必要があります。

コンポーネントのアクション指定と違って、の中のボタンは一律にアクションを指定すれば、全ての行に適用されます。

Table
Button
プロパティ領域
クエリ
Button
Table
クエリ
クエリ
クエリ
クエリ
クエリ
Button
Table
クエリ