OZ e-Form 開発者
  • ⭐OZ 開発者について
  • 📌 e-Formデザインチュートリアル
    • 入力コンポーネント
    • e-Form例題
    • DBからのe-Form事前入力
  • 📌レポートデザイン例
    • サンプルデータベース
    • データベースへの接続
    • データセットの作成
    • サンプルレポート
  • 📌 ガイド
    • レポジトリサーバー
    • OZ Mobileアプリ
    • HTML5ビューア
      • HTML5ビューア
      • HTML5ビューアオプション
      • CORS設定
    • ビューアのフォント使用
    • ミラーリングビューア
      • デモ
      • インストール
    • QRリンクを利用したモバイル署名
    • マルチ言語ガイド
      • デザイナでの言語設定
      • 多国語フォーム
  • 📌 サンプル
    • 動的な行の追加・削除
    • コンボボックスのフィルタリング
    • DBからのチェックボックス
    • データ更新
    • JSONデータバインド
    • 数字を文字に変換
    • 👉製品のアップデート内容
  • * 旧バージョンバックアップ
    • 概要
      • 製品のコンセプト
      • 製品の概要
      • ユースケース
    • ダウンロード
      • OZ e-Form デザイナー
      • OZサーバ
      • サンプルデータベース
    • OZビューア
      • OZビューアの埋め込み
      • OZビューアの稼働構造
      • DBからのデータバインディング
      • フォームパラメータの使用
      • InputJsonの使用
      • JSONデータサービスの使用
      • 入力データの送信
      • アプリ側でのビューア制御
    • レポートチュートリアル動画
    • OZサーバ
      • OZサーバ起動
      • e-Formのアップロード(OZサーバ)
      • 参照
    • 👉 OZ e-Formトレーニング
    • 📌クエリデザイン例
      • デザイナーレイアウト
    • OZサーバーバインディング
GitBook提供
このページ内
  • JSONデータサービスの使用
  • e-FormからJSON文字列を取得
  • JSONデータサービスの作成
  • JSONデータセットにデータを渡すためのパラメータの作成
  • JSONデータをe-Formに送信

役に立ちましたか?

  1. * 旧バージョンバックアップ
  2. OZビューア

JSONデータサービスの使用

デザイナーにてJSONデータセットを追加し、データを帳票にバインディングします。

前へInputJsonの使用次へ入力データの送信

最終更新 5 年前

役に立ちましたか?

JSONデータサービスの使用

e-FormからJSON文字列を取得

  1. membership-odiparam.ozr をmembership-jsonset.ozr にコピーし、membership-jsonset.ozr

    ファイルを開きます。

  2. フォームをプレビューし、入力フィールドを入力します。

  3. ビューアの右上にあるEtc アイコン()をクリックして”入力データコピー (json)”を選択します。

  4. メモ帳を開き、クリップボードの文字列を貼り付けて、テキストファイル(jsonset.txt)として保存します。

JSONデータサービスの作成

  1. データ情報タブでDataServiceを右クリックして”JSONデータセットの追加”を選択します。

  2. ”JSONデータセットの追加”ダイアログでパスをクリックし、デザインタイムのデータセットとランタイムデータセットにjsonset.txtファイルを追加します。

  3. 必要ある場合、デフォルトのデータセット名のJSON_Set1を変更します(例:jsonsetに変更)。

  4. 画面の下段でJSONデータの文字セットが設定できます。

  5. データセット名を右クリックしてセットの構成を選択します。

  6. ルートノードの$記号を右クリックし、基準JSONPATH指定を選択します。

  7. データセットに含めたいすべてのフィールド項目を選択し、フィールドの追加を選択します。

  8. 画面の下部に追加されたフィールドが表示されます。OKをクリックします。

  9. データ情報タブのDataService下のjsonsetデータセットにフィールドが追加されたことが確認できます。

  10. memberデータセットの代わりにDataServiceのjsonset が使用できるようになりました。ODIのmembershipを削除し、memberデータセットフィールドのマッピングをすべてjsonsetのDataServiceのマッピングに置き換えます。

  11. プレビューをします。jsonset.txtの値をフォームの入力コンポーネントに入力できます。

JSONデータセットにデータを渡すためのパラメータの作成

  1. アプリケーションからJSONデータを取得してフォームファイルに渡すには、先ず、OZFormParamの下にjsondataパラメータを追加する必要があります。

  2. その後、jsondataからjsonsetにデータを渡す必要があります。

  3. jsonsetを右クリックして編集を選択します。

  4. ランタイムデータセットの適用方法からパラメータ(データ)を選択した後、パラメータ...をクリックします。

  5. パラメータ設定ダイアログでjsondataパラメーターを選択します。

  6. OKを2回クリックします。

  7. ファイルを保存します。

JSONデータをe-Formに送信

以下のようにアプリケーションからJSONデータをフォームファイルに渡すことができます。

JSON文字列についてはエスケープ処理が必要です。

<script type="text/javascript" >
var serverUrl = "https://" + location.host;
var jsondata = "{\"memberNo\":\"1011\",\"photo\":\"\",\"firstName\":\"John\",\"lastName\":\"Kim\",\"yyyy\":\"1979\",\"mm\":\"09\",\"dd\":\"05\",\"gender\":\"M\",\"contactNo\":\"010-6369-7777\",\"email\":\"john.kim@forcs.com\",\"memberType\":\"Trial\",\"fromDate\":\"2019-12-24\",\"toDate\":\"2020-12-24\",\"cardType\":\"VISA\",\"cardHolder\":\"\",\"cardNo\":\"1111-2222-3333-4444\",\"cardExpMM\":\"11\",\"cardExpYY\":\"24\",\"agreeCheck\":\"N\",\"applicant\":\"John\",\"sign\":\"\",\"signDateTime\":\"signDateTime\"}";
function SetOZParamters_OZViewer(){
	var oz = document.getElementById("OZViewer");
	oz.sendToActionScript("information.debug", "true"); // viewer console
	oz.sendToActionScript("connection.servlet",serverUrl + "/oz/server");
	oz.sendToActionScript("connection.reportname","/eform/membership-jsonset.ozr");
	oz.sendToActionScript("connection.pcount", "1");
	oz.sendToActionScript("connection.args1", "jsondata=" + jsondata);
	oz.sendToActionScript("etcmenu.copyinputdata_json", "true"); // enable [Copy input data (json)] option in etc menu
	return true;
}
start_ozjs("OZViewer", serverUrl + "/oz/HTML5viewer/");
</script>

Run example
12KB
membership-jsonset.zip
archive
membership-jsonset.zip