1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Formaのアクション設定のマッピング(データマッパー)が確認したい

Last updated at Posted at 2023-07-31

IM-BloomMakerが出てきてFromaを使う機会が減って(願望)いますが、過去に作成された画面等の保守・解析にまだまだFromaを触ることが多いと思われるので、自分のメモ代わりに投稿。

Formaのアクション設定のデータマッパー設定画面
この画面
detamapping01.png
でもマッピングのところが見切れて確認できないです。。。。
なので広げようとしても
detamapping02.png
うわああ━━━━━((((( ‘ ω ’ )))))━━━━━ぁぁぁ!!。

となり、表示域は変わらないようです。変数を確認したいのにこれでは使いにくいです。
なので、直接HTMLソースからマッピングの情報を取得しようと考えました

サンプル
$('.expressionsDivInner > .expTable > tbody').children('tr').each(function(idx, el) {
    let SEPARATOR = ' >>> ';
    let lStr = $(el).find('.expTableDivLeft').text();
    let rStr = $(el).find('.expTableDivRight').text();
    console.log(lStr + SEPARATOR + rStr);
})

Formaのデータマッパー設定開いた状態で開発者ツールのconsoleとかで上記スクリプトを実行すると
output.PNG
こんな感じで表示されます。

レスポンスの確認も同様に確認できますが、リクエストの情報も取れてしまうので
output02.PNG
リクエストの情報とレスポンスの情報が取得されてしまいますが、まあよしとします。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?