Source: haluview.mixin-1.0.0.js

  1. (function ($, $H) {
  2.   // 名前空間を設定する
  3.   let App = $H.Library;
  5.   /**
  6.    * データフォーマット関数
  7.    * @mixin FormatMixin
  8.    */
  9.   App.FormatMixin = {
  10.     /**
  11.      * @memberof FormatMixin
  12.      */
  13.     formatExecute: {
  14.       /**
  15.        * 日付(yyyy/mm/dd)
  16.        * @memberof FormatMixin
  17.        */
  18.       yyyySmmSdd: {
  19.         format: function (value) {
  20.           if (value == "" || value == null) return value;
  21.           let yyyy = value.substring(0, 4);
  22.           let mm = value.substring(4, 6);
  23.           let dd = value.substring(6, 8);
  24.           return yyyy + "/" + mm + "/" + dd;
  25.         }
  26.         , unformat: function (value) {
  27.           if (value == "" || value == null) return value;
  28.           return new String(value).replace(/\//g, "");
  29.         }
  30.       },
  31.       /**
  32.        * 日付(yyyy年mm月dd日)
  33.        * @memberof FormatMixin
  34.        */
  35.       yyyyNmmTddH: {
  36.         format: function (value) {
  37.           if (value == "" || value == null) return value;
  38.           let yyyy = value.substring(0, 4);
  39.           let mm = value.substring(4, 6);
  40.           let dd = value.substring(6, 8);
  41.           return yyyy + "年" + mm + "月" + dd + "日";
  42.         }
  43.         , unformat: function (value) {
  44.           if (value == "" || value == null) return value;
  45.           let yyyy = value.substring(0, 4);
  46.           let mm = value.substring(5, 7);
  47.           let dd = value.substring(8, 10);
  48.           return yyyy + mm + dd;
  49.         }
  50.       },
  51.       /**
  52.        * 日付(yyyy年mm月)
  53.        * @memberof FormatMixin
  54.        */
  55.       yyyyNmmT: {
  56.         format: function (value) {
  57.           if (value == "" || value == null) return value;
  58.           let yyyy = value.substring(0, 4);
  59.           let mm = value.substring(4, 6);
  60.           return yyyy + "年" + mm + "月";
  61.         }
  62.         , unformat: function (value) {
  63.           if (value == "" || value == null) return value;
  64.           let yyyy = value.substring(0, 4);
  65.           let mm = value.substring(5, 7);
  66.           return yyyy + mm;
  67.         }
  68.       },
  69.       /**
  70.        * 数量(カンマ)
  71.        * @memberof FormatMixin
  72.        */
  73.       quantity: {
  74.         format: function (value) {
  75.           if (value == "" || value == null) return value;
  76.           let formatvalue = String(value);
  77.           // 符号付小数点の3桁カンマ編集対応
  78.           return formatvalue.replace(/^([+-]?\d+)(?=\.|$)/, function (s) { return s.replace(/(\d+?)(?=(?:\d{3})+$)/g, '$1,'); });
  79.         }
  80.         , unformat: function (value) {
  81.           if (value == "" || value == null) return value;
  82.           return new String(value).replace(/,/g, "");
  83.         }
  84.       },
  85.       /**
  86.        * 数量(価格)
  87.        * @memberof FormatMixin
  88.        */
  89.       price: {
  90.         format: function (value) {
  91.           if (value == "" || value == null) return value;
  92.           let formatvalue = String(value);
  93.           // 符号付小数点の3桁カンマ編集対応
  94.           return formatvalue.replace(/^([+-]?\d+)(?=\.|$)/, function (s) { return s.replace(/(\d+?)(?=(?:\d{3})+$)/g, '$1,'); });
  95.         }
  96.         , unformat: function (value) {
  97.           if (value == "" || value == null) return value;
  98.           return new String(value).replace(/,/g, "");
  99.         }
  100.       },
  101.       /**
  102.        * 数量(通貨)
  103.        * @memberof FormatMixin
  104.        */
  105.       money: {
  106.         format: function (value) {
  107.           if (value == "" || value == null) return value;
  108.           let formatvalue = String(value);
  109.           // 符号付小数点の3桁カンマ編集対応
  110.           return formatvalue.replace(/^([+-]?\d+)(?=\.|$)/, function (s) { return s.replace(/(\d+?)(?=(?:\d{3})+$)/g, '$1,'); });
  111.         }
  112.         , unformat: function (value) {
  113.           if (value == "" || value == null) return value;
  114.           return new String(value).replace(/,/g, "");
  115.         }
  116.       }
  117.     },
  118.     /**
  119.      * 値をフォーマットする
  120.      * @memberof FormatMixin
  121.      * @param {object} arg - フォーマット情報
  122.      * @returns フォーマット結果
  123.      */
  124.     onDataFormat: function (arg) {
  125.       $H.log("FormatMixin dataFormat : start");
  127.       let value = arg["value"];
  128.       let rule = arg["rule"];
  129.       if (rule in this.formatExecute) {
  130.         value = this.formatExecute[rule].format(value);
  131.       }
  133.       $H.log("FormatMixin dataFormat : end");
  134.       return value;
  135.     },
  136.     /**
  137.      * フォーマットを元の値に戻す
  138.      * @memberof FormatMixin
  139.      * @param {object} arg - フォーマット情報s
  140.      * @returns 非フォーマット結果
  141.      */
  142.     onDataUnformat: function (arg) {
  143.       $H.log("FormatMixin dataUnformat : start");
  145.       let value = arg["value"];
  146.       let rule = arg["rule"];
  147.       if (rule in this.formatExecute) {
  148.         value = this.formatExecute[rule].unformat(value);
  149.       }
  151.       $H.log("FormatMixin dataUnformat : end");
  152.       return value;
  153.     }
  154.   };
  155.   /**
  156.    * アウトライン関数
  157.    * @mixin OutlineMixin
  158.    */
  159.   App.OutlineMixin = {
  160.     /**
  161.      * ローディング画像を表示する場所を設定する
  162.      * @memberof OutlineMixin
  163.      */
  164.     setLoadingImage: function () {
  165.       let data = '<div id="loading" />';
  166.       $("body").append(data);
  167.     },
  168.     /**
  169.      * アウトラインイベントを設定し、コールバック関数を指定する
  170.      * @memberof OutlineMixin
  171.      * @param {object} outlineEvent - アウトラインイベント情報(未使用)
  172.      */
  173.     setOutlineEvent: function (outlineEvent) {
  174.       $H.log("OutlineMixin setOutlineEvent : start");
  176.       this.setLoadingImage();
  178.       $H.log("OutlineMixin setOutlineEvent : end");
  179.     }
  180.   };
  182.   /**
  183.    * テンプレートファイル  ロード関数
  184.    * @mixin LoadTemplateMixin
  185.    */
  186.   App.LoadTemplateMixin = {
  187.     /**
  188.      * ナビバー  テンプレート  ファイルを設定する
  189.      * @memberof LoadTemplateMixin
  190.      * @param {object} arg - 画面情報 
  191.      */
  192.     loadNavBar: function (arg) {
  193.       $H.log("LoadTemplateMixin loadPageNavBar : start");
  194.       //変数宣言
  195.       let url = null;
  197.       if (arg["htmlName"]) {
  198.         url = $H.ApplicationURL + "/" + arg["htmlName"];
  199.         $('#halu-navbar').loadTemplate(url, arg);
  200.       }
  202.       $H.log("LoadTemplateMixin loadPageNavBar : end");
  203.     },
  204.     /**
  205.      * ヘッダー  テンプレート  ファイルを設定する
  206.      * @memberof LoadTemplateMixin
  207.      * @param {object} arg - 画面情報 
  208.      */
  209.     loadHeader: function (arg) {
  210.       $H.log("LoadTemplateMixin loadHeader : start");
  211.       //変数宣言
  212.       let url = null;
  214.       if (arg["htmlName"]) {
  215.         url = $H.ApplicationURL + "/" + arg["htmlName"];
  216.         $('#halu-header').loadTemplate(url, arg);
  217.       }
  219.       $H.log("LoadTemplateMixin loadHeader : end");
  220.     },
  221.     /**
  222.      * フッター  テンプレート  ファイルを設定する
  223.      * @memberof LoadTemplateMixin
  224.      * @param {object} arg - 画面情報
  225.      */
  226.     loadFooter: function (arg) {
  227.       $H.log("LoadTemplateMixin loadFooter : start");
  228.       //変数宣言
  229.       let url = null;
  231.       if (arg["htmlName"]) {
  232.         url = $H.ApplicationURL + "/" + arg["htmlName"];
  233.         $('#halu-footer').loadTemplate(url, arg);
  234.       }
  236.       $H.log("LoadTemplateMixin loadFooter : end");
  237.     },
  238.     /**
  239.       * ページフッター  テンプレート  ファイルを設定する
  240.       * @memberof LoadTemplateMixin
  241.       * @param {object} arg - 画面情報
  242.       */
  243.     loadPageFooter: function (arg) {
  244.       $H.log("LoadTemplateMixin loadPageFooter : start");
  245.       //変数宣言
  246.       let url = null;
  248.       if (arg["htmlName"]) {
  249.         url = $H.ApplicationURL + "/" + arg["htmlName"];
  250.         $('#halu_pagefooter').loadTemplate(url, arg);
  251.       }
  253.       $H.log("LoadTemplateMixin loadPageFooter : end");
  254.     },
  255.     /**
  256.      * HTMLテンプレートをロードする
  257.      * @memberof LoadTemplateMixin
  258.      * @param {object} arg - 画面情報
  259.      */
  260.     loadTemplate: function (arg) {
  261.       $H.log("LoadTemplateMixin loadTemplate : start");
  262.       //変数宣言
  263.       let url = null;
  264.       let wElement = null;
  265.       let wHtmlname = null;
  267.       //引数からデータを取得
  268.       wElement = arg["element"];
  269.       wHtmlname = arg["htmlName"];
  271.       if (wElement) {
  272.         if (wHtmlname) {
  273.           url = $H.ApplicationURL + "/" + wHtmlname;
  274.           $(wElement).loadTemplate(url, arg);
  275.         }
  276.       }
  278.       $H.log("LoadTemplateMixin loadTemplate : end");
  279.     },
  280.     /**
  281.      * CSSファイルを追加する
  282.      * @memberof LoadTemplateMixin
  283.      * @param {object} arg - 画面情報
  284.      */
  285.     appendCSS: function (arg) {
  286.       $H.log("LoadTemplateMixin appendCSS : start");
  287.       //変数宣言
  288.       let url = null;
  290.       if (arg["cssName"]) {
  291.         url = $H.ApplicationURL + arg["cssName"];
  293.         $("head").append("<link>");
  294.         css = $("head").children(":last");
  295.         css.attr({
  296.           rel: "stylesheet",
  297.           type: "text/css",
  298.           href: url
  299.         });
  301.       }
  302.       $H.log("LoadTemplateMixin appendCSS : end");
  303.     }
  304.   };
  306.   // 
  307.   /**
  308.    * 関数を追加する(View)
  309.    * @mixin ViewMixin
  310.    */
  311.   App.ViewMixin = {
  312.     /**
  313.      * フォーカス設定時イベント
  314.      * @memberof ViewMixin
  315.      * @param {event} event - イベント情報
  316.      * @param {object} value - 値
  317.      * @param {number} focusCurRow - 現在行位置
  318.      * @returns なし
  319.      */
  320.     onFocus: function (event, value, focusCurRow) {
  321.       $H.log("ViewMixin onFocus : start");
  322.       //変数宣言
  323.       let target = null;
  324.       let wFocusCurRow = null;
  325.       let idname = null;
  327.       target = event.target;
  329.       switch (target.type) {
  330.         case "button":
  331.           break;
  332.         case "checkbox":
  333.           break;
  334.         case "radio":
  335.           break;
  336.         case "file":
  337.           break;
  338.         case "select-one":
  339.           break;
  340.         case "select-multiple":
  341.           break;
  342.         default:
  343.           target.value = value;
  344.           break;
  345.       }
  347.       wFocusCurRow = focusCurRow;
  348.       if (wFocusCurRow > 0) {
  349.         wFocusCurRow = wFocusCurRow - 1;
  350.       }
  351.       idname = "#error" + event.target.name + wFocusCurRow;
  352.       if (!$(idname)) return;
  353.       $(idname).hide();
  354.       $(idname).remove();
  356.       $H.log("ViewMixin onFocus : end");
  357.     },
  358.     /**
  359.      * フォーカスロスト時イベント
  360.      * @memberof ViewMixin
  361.      * @param {event} event - イベント情報
  362.      */
  363.     onBlur: function (event) {
  364.       $H.log("ViewMixin onBlur : start");
  366.       // 入力データをフォーマットし再表示する
  367.       let target = event.target;
  368.       let value = target.value;
  369.       let rule = this.format[target.name];
  370.       let arg = { value: value, rule: rule };
  372.       switch (target.type) {
  373.         case "button":
  374.           break;
  375.         case "checkbox":
  376.           break;
  377.         case "radio":
  378.           break;
  379.         case "file":
  380.           break;
  381.         case "select-one":
  382.           break;
  383.         case "select-multiple":
  384.           break;
  385.         default:
  386.           value = this.onDataFormat(arg);
  387.           target.value = value;
  388.           break;
  389.       }
  391.       $H.log("ViewMixin onBlur : end");
  392.     },
  393.     // 
  394.     /**
  395.      * ガイドメッセージを表示する
  396.      * @memberof ViewMixin
  397.      * @param {object} arg - ガイドメッセージ情報
  398.      */
  399.     onGuideMessage: function (arg) {
  400.       $H.log("ViewMixin onGuideMessage : start");
  402.       if (this.guidemessage) {
  403.         $("#footer_status").html(arg["status"]);
  404.         $("#footer_message").html(arg["message"]);
  405.       }
  407.       $H.log("ViewMixin onGuideMessage : end");
  408.     },
  409.     // 
  410.     // arg = {
  411.     /**
  412.      * エラーツールチップを表示する
  413.      * @memberof ViewMixin
  414.      * @param {object} arg - エラー情報
  415.      */
  416.     onErrorToolTip: function (arg) {
  417.       $H.log("ViewMixin onErrorToolTip : start");
  419.       let toolTip = function (target, errorText, multiline, index) {
  420.         let toolTip = $("<div id='error" + target.name + index + "'></div>");
  421.         $(toolTip).addClass("errorToolTip");
  422.         $(target).parent().append(toolTip);
  424.         let message = $("<span>" + errorText + "</span>");
  425.         $(message).addClass("errorMessage");
  426.         $(toolTip).append(message);
  427.       }
  429.       let length = arg["message"].length;
  430.       let errorText = "";
  431.       for (let i = 0; i < length; i++) {
  432.         errorText += arg["message"][i];
  433.       }
  434.       toolTip(arg["target"], errorText, arg["multiline"], arg["index"]);
  436.       $H.log("ViewMixin onErrorToolTip : end");
  437.     },
  438.     // 
  439.     /**
  440.      * エラーツールチップを削除する
  441.      * @memberof ViewMixin
  442.      * @param {object} arg - イベントターゲット情報
  443.      */
  444.     onRemoveToolTip: function (arg) {
  445.       $H.log("ViewMixin onRemoveToolTip : start");
  447.       if (!$(".errorToolTip")) return;
  449.       $(".errorMessage").hide();
  450.       $(".errorMessage").remove();
  451.       $(".errorToolTip").hide();
  452.       $(".errorToolTip").remove();
  454.       $H.log("ViewMixin onRemoveToolTip : end");
  455.     },
  456.     /**
  457.      * 警告ダイアログ 初期設定
  458.      * @memberof ViewMixin
  459.      */
  460.     initAlertDialog: function () {
  461.       $H.log("ViewMixin initAlertDialog : start");
  463.       let data = '<div class="modal fade" id="alertDialog" tabindex="-1" role="dialog" aria-labelledby="alertHeader" aria-hidden="true">';
  464.       data += '<div class="modal-dialog">';
  465.       data += '<div class="modal-content">';
  466.       data += '<div class="modal-header">';
  467.       data += '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>';
  468.       data += '<h4 class="modal-title" id="alertHeader">サーバ  エラー</h4>';
  469.       data += '</div>';
  470.       data += '<div class="modal-body" id="alertBody">';
  471.       data += '<p></p></br>';
  472.       data += '</div>';
  473.       data += '<div class="modal-footer" id="alertFooter">'
  474.       data += '<button id="alertDialogCLOSE" type="button" class="btn btn-default" data-dismiss="modal" default-value="閉じる" '
  475.       data += '>閉じる</button>'
  476.       data += '</div>';
  477.       data += '</div>';
  478.       data += '</div>';
  479.       data += '</div>';
  480.       $("body").append(data);
  482.       $('#alertDialog').on('shown.bs.modal', function () {
  483.         $("#alertDialogCLOSE").focus();
  484.       })
  486.       $H.log("ViewMixin initAlertDialog : end");
  487.     },
  488.     /**
  489.      * 警告ダイアログを表示する
  490.      * @memberof ViewMixin
  491.      * @param {object} arg - 警告情報
  492.      */
  493.     onAlertDialog: function (arg) {
  494.       $H.log("ViewMixin onAlertDialog : start");
  496.       // タイトル・メッセージに 複数行を設定できるようにしました
  497.       if (Array.isArray(arg["title"])) {
  498.         $("#alertHeader").html(arg["title"].join('<br />'));
  499.       } else {
  500.         $("#alertHeader").text(arg["title"]);
  501.       }
  502.       if (Array.isArray(arg["message"])) {
  503.         $("#alertBody p").html(arg["message"].join('<br />'));
  504.       } else {
  505.         $("#alertBody p").text(arg["message"]);
  506.       }
  507.       // ボタンの文字列を設定できるようにしました
  508.       this.setDialogButtonLabels($("#alertFooter"), arg);
  509.       $("#alertDialog").modal("show");
  511.       $H.log("ViewMixin onAlertDialog : end");
  512.     },
  513.     /**
  514.      * 確認ダイアログ 初期設定
  515.      * @memberof ViewMixin
  516.      * @param {object} object - ダイアログ情報
  517.      */
  518.     initConfirmDialog: function (object) {
  519.       $H.log("ViewMixin initConfirmDialog : start");
  521.       let self = object;
  522.       let data = '<div id="confirmDialog" class="modal fade" tabindex="-1" role="dialog">';
  523.       data += '  <div class="modal-dialog">';
  524.       data += '    <div class="modal-content">';
  525.       data += '      <div id="confirmHeader" class="modal-header">';
  526.       data += '        <h4>確認</h4>';
  527.       data += '      </div>';  // confirmHeader
  528.       data += '      <div id="confirmBody" class="modal-body">';
  529.       data += '        <p></p></br>';
  530.       data += '      </div>';  // confirmBody
  531.       data += '      <div id="confirmFooter" class="modal-footer">';
  532.       data += '        <input id="confirmDialogYES" type="button" class="btn" data-dismiss="modal" aria-hidden="true" value="は  い" ';
  533.       data += '          default-value="は  い" ';
  534.       data += '          onclick="sessionStorage.setItem(\'confirmDialog\', 1);">';
  535.       data += '        <input id="confirmDialogNO" type="button" class="btn" data-dismiss="modal" aria-hidden="true" value="いいえ" ';
  536.       data += '          default-value="いいえ" ';
  537.       data += '          onclick="sessionStorage.setItem(\'confirmDialog\', 0);">';
  538.       data += '      </div>';  // confirmFooter
  539.       data += '    </div>';  // confirmDialog
  540.       data += '  <div>';
  541.       data += '<div>';
  542.       $("body").append(data);
  544.       $('#confirmDialog').on('hidden.bs.modal', function () {
  545.         let status = self.pubsub.publish("confirmDialogAfter");
  546.       })
  548.       $('#confirmDialog').on('shown.bs.modal', function () {
  549.         $("#confirmDialogYES").focus();
  550.       })
  552.       $H.log("ViewMixin initConfirmDialog : end");
  553.     },
  554.     /**
  555.      * 確認ダイアログを表示する
  556.      * @memberof ViewMixin
  557.      * @param {object} arg - ダイアログ情報
  558.      */
  559.     onConfirmDialog: function (arg) {
  560.       $H.log("ViewMixin onConfirmDialog : start");
  562.       // タイトル・メッセージ設定(複数行可)
  563.       if (Array.isArray(arg["title"])) {
  564.         $("#confirmHeader h4").html(arg["title"].join('<br />'));
  565.       } else {
  566.         $("#confirmHeader h4").text(arg["title"]);
  567.       }
  568.       if (Array.isArray(arg["message"])) {
  569.         $("#confirmBody p").html(arg["message"].join('<br />'));
  570.       } else {
  571.         $("#confirmBody p").text(arg["message"]);
  572.       }
  573.       // ボタンの文字列を設定
  574.       this.setDialogButtonLabels($("#confirmFooter"), arg);
  575.       $("#confirmDialog").modal("show");
  577.       $H.log("ViewMixin onConfirmDialog : end");
  578.     },
  579.     /**
  580.      * 実行確認ダイアログ 初期設定
  581.      * @memberof ViewMixin
  582.      * @param {object} arg - ダイアログ情報
  583.      */
  584.     initExecuteDialog: function (object) {
  585.       $H.log("ViewMixin initExecuteDialog : start");
  587.       let self = object;
  588.       let data = '<div id="executeDialog" class="modal fade" tabindex="-1" role="dialog">';
  589.       data += '  <div class="modal-dialog">';
  590.       data += '    <div class="modal-content">';
  591.       data += '      <div id="executeHeader" class="modal-header">';
  592.       data += '        <h4>実行確認</h4>';
  593.       data += '      </div>';  // executeHeader
  594.       data += '      <div id="executeBody" class="modal-body">';
  595.       data += '        <p></p></br>';
  596.       data += '      </div>';  // executeBody
  597.       data += '      <div id="executeFooter" class="modal-footer">';
  598.       data += '        <input id="executeDialogYES" type="button" class="btn" data-dismiss="modal" aria-hidden="true" value="は  い" ';
  599.       data += '          default-value="は  い" ';
  600.       data += '          onclick="sessionStorage.setItem(\'executeDialog\', 1);">';
  601.       data += '        <input id="executeDialogNO" type="button" class="btn" data-dismiss="modal" aria-hidden="true" value="いいえ" ';
  602.       data += '          default-value="いいえ" ';
  603.       data += '          onclick="sessionStorage.setItem(\'executeDialog\', 0);">';
  604.       data += '      </div>';  // executeFooter
  605.       data += '    </div>';  // executeDialog
  606.       data += '  </div>';
  607.       data += '</div>';
  608.       $("body").append(data);
  610.       $('#executeDialog').on('hidden.bs.modal', function () {
  611.         let status = self.pubsub.publish("executeDialogAfter");
  612.       })
  614.       $('#executeDialog').on('shown.bs.modal', function () {
  615.         $("#executeDialogYES").focus();
  616.       })
  618.       $H.log("ViewMixin initExecuteDialog : end");
  619.     },
  620.     /**
  621.      * 実行確認ダイアログを表示する
  622.      * @memberof ViewMixin
  623.      * @param {object} arg - ダイアログ情報
  624.      */
  625.     onExecuteDialog: function (arg) {
  626.       $H.log("ViewMixin onExecuteDialog : start");
  628.       // タイトル・メッセージ設定(複数行可)
  629.       if (Array.isArray(arg["title"])) {
  630.         $("#executeHeader h4").html(arg["title"].join('<br />'));
  631.       } else {
  632.         $("#executeHeader h4").text(arg["title"]);
  633.       }
  634.       if (Array.isArray(arg["message"])) {
  635.         $("#executeBody p").html(arg["message"].join('<br />'));
  636.       } else {
  637.         $("#executeBody p").text(arg["message"]);
  638.       }
  639.       // ボタンの文字列を設定
  640.       this.setDialogButtonLabels($("#executeFooter"), arg);
  641.       $("#executeDialog").modal("show");
  643.       $H.log("ViewMixin onExecuteDialog : end");
  644.     },
  645.     /**
  646.      * サーバ確認ダイアログ 初期設定
  647.      * @memberof ViewMixin
  648.      * @param {object} object - ダイアログ情報
  649.      */
  650.     initServerDialog: function (object) {
  651.       $H.log("ViewMixin initServerDialog : start");
  653.       let self = object;
  654.       let data = '<div class="modal fade" id="serverDialog" tabindex="-1" role="dialog" aria-labelledby="serverHeader" aria-hidden="true">';
  655.       data += '  <div class="modal-dialog">';
  656.       data += '    <div class="modal-content">';
  657.       data += '      <div class="modal-header">';
  658.       data += '        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>';
  659.       data += '        <div class="modal-header" id="serverHeader">';
  660.       data += '          <h4>サーバ確認</h4>';
  661.       data += '        </div>';
  662.       data += '      </div>';
  663.       data += '      <div class="modal-body" id="serverBody">';
  664.       data += '        <p></p></br>';
  665.       data += '      </div>';
  666.       data += '      <div class="modal-footer" id="serverFooter">'
  667.       data += '        <button id="serverDialogＯＫ" type="button" class="btn btn-default" data-dismiss="modal" default-value="ＯＫ" '
  668.       data += '          onclick="sessionStorage.setItem(\'serverDialog\', 1);">ＯＫ</button>'
  669.       data += '      </div>';
  670.       data += '    </div>';
  671.       data += '  </div>';
  672.       data += '</div>';
  673.       $("body").append(data);
  675.       $('#serverDialog').on('hidden.bs.modal', function () {
  676.         let status = self.pubsub.publish("serverDialogAfter");
  677.       })
  679.       $('#serverDialog').on('shown.bs.modal', function () {
  680.         $("#serverDialogＯＫ").focus();
  681.       })
  683.       $H.log("ViewMixin initServerDialog : end");
  684.     },
  685.     /**
  686.      * サーバ確認ダイアログを表示する
  687.      * @memberof ViewMixin
  688.      * @param {object} arg - ダイアログ情報
  689.      */
  690.     onServerDialog: function (arg) {
  691.       $H.log("ViewMixin onServerDialog : start");
  693.       // タイトル・メッセージ設定(複数行可)
  694.       if (Array.isArray(arg["title"])) {
  695.         $("#serverHeader h4").html(arg["title"].join('<br />'));
  696.       } else {
  697.         $("#serverHeader h4").text(arg["title"]);
  698.       }
  699.       if (Array.isArray(arg["message"])) {
  700.         $("#serverBody p").html(arg["message"].join('<br />'));
  701.       } else {
  702.         $("#serverBody p").text(arg["message"]);
  703.       }
  704.       // ボタンの文字列を設定
  705.       this.setDialogButtonLabels($("#serverFooter"), arg);
  706.       $("#serverDialog").modal("show");
  708.       $H.log("ViewMixin onServerDialog : end");
  709.     },
  710.     /**
  711.      * ダイアログのボタンを設定
  712.      * @memberof ViewMixin
  713.      * @param {object} footerObject - フッター情報
  714.      * @param {object} arg - ダイアログ情報
  715.      */
  716.     setDialogButtonLabels: function (footerObject, arg) {
  717.       $H.log("ViewMixin setDialogButtonLabels : start");
  719.       if ('button_labels' in arg) {
  720.         footerObject.find('input[type="button"]').each(function (index) {
  721.           $(this).val(arg.button_labels[index] !== undefined ?
  722.             arg.button_labels[index] : $(this).attr('default-value'));
  723.         });
  724.       }
  726.       $H.log("ViewMixin setDialogButtonLabels : end");
  727.     },
  728.     /**
  729.      * セレクトボックス表示処理（ＩＤでの設定）
  730.      * @memberof ViewMixin
  731.      * @param {object} defSelectBox - セレクトボックス
  732.      * @param {object} responseRecord - レスポンスデータ
  733.      */
  734.     onShowSelectBox: function (defSelectBox, responseRecord) {
  735.       $H.log("ViewMixin onShowSelectBox : start");
  737.       let selectorID = defSelectBox["selectorid"];
  738.       let initValue = defSelectBox["init"]["initvalue"];
  739.       let initHtml = defSelectBox["init"]["inithtml"];
  740.       let valueName = defSelectBox["init"]["valuename"];
  741.       let htmlName = defSelectBox["init"]["htmlname"];
  742.       let max = responseRecord[valueName]["value"].length;
  744.       $("#" + selectorID + " option").remove();
  746.       let option = $('<option selected:selected/>');
  747.       if (initHtml) {
  748.         option.val(initValue);
  749.         option.html(initHtml);
  750.         $("#" + selectorID).append(option);
  751.       }
  754.       for (let i = 0; i < max; i++) {
  755.         option = $('<option />');
  756.         option.val(responseRecord[valueName]["value"][i]);
  757.         option.html(responseRecord[htmlName]["value"][i]);
  758.         $("#" + selectorID).append(option);
  759.       }
  761.       $H.log("ViewMixin onShowSelectBox : end");
  762.     },
  763.     /**
  764.      * セレクトボックス表示処理  ＩＤからカレント行を一括表示する
  765.      * @memberof ViewMixin
  766.      * @param {object} dataSetInfo - セレクトボックス情報(データ)
  767.      * @param {object} defSelectBox - セレクトボックス(画面要素)
  768.      */
  769.     showCurrentSelectBox: function (dataSetInfo, defSelectBox) {
  770.       $H.log("View setCurrentSelectBox : start");
  771.       //変数宣言
  772.       let selectorid = null;
  773.       let detasetID = null;
  774.       let codeName = null;
  775.       let dataSetRecord = null;
  776.       let codeValue = null;
  777.       let max = 0;
  779.       max = defSelectBox.length;
  780.       for (let i = 0; i < max; i++) {
  781.         //初期化
  782.         selectorid = null;
  783.         detasetID = null;
  784.         codeName = null;
  785.         dataSetRecord = null;
  786.         codeValue = null;
  787.         //データ取得
  788.         selectorid = defSelectBox[i]["selectorid"];
  789.         detasetID = defSelectBox[i]["change"]["datasetid"];
  790.         codeName = defSelectBox[i]["change"]["valuename"];
  792.         dataSetRecord = this.appspec.getJSONChunkByIdAtRecords(dataSetInfo, detasetID);
  793.         codeValue = dataSetRecord["record"][codeName]["value"][0];
  795.         $("#" + selectorid).val(codeValue);
  797.       }
  799.       $H.log("View setCurrentSelectBox : end");
  800.     },
  801.     /**
  802.      * チェックボックス表示処理
  803.      * @memberof ViewMixin
  804.      * @param {object} defCheckBox - チェックボックス
  805.      * @param {object} responseRecord - レスポンスデータ
  806.      */
  807.     onShowCheckBox: function (defCheckBox, responseRecord) {
  808.       $H.log("ViewMixin onShowCheckBox : start");
  809.       //変数宣言
  810.       let selectorID = null;
  811.       let datasetName = null;
  812.       let onValue = null;
  813.       let offValue = null;
  815.       //チェックボックス情報取得
  816.       selectorID = defCheckBox["selectorid"]
  817.       datasetName = defCheckBox["datasetname"];
  818.       onValue = defCheckBox["value"]["on"];
  819.       offValue = defCheckBox["value"]["off"];
  821.       if (responseRecord[datasetName]["value"][0] == onValue) {
  822.         $("#" + selectorID).prop("checked", true);
  823.       }
  824.       if (responseRecord[datasetName]["value"][0] == offValue) {
  825.         $("#" + selectorID).prop("checked", false);
  826.       }
  828.       $H.log("ViewMixin onShowCheckBox : end");
  829.     },
  830.     /**
  831.      * テーブル  チェックボックス表示処理
  832.      * @memberof ViewMixin
  833.      * @param {object} defCheckBox - チェックボックス
  834.      * @param {object} responseRecord - レスポンスデータ
  835.      */
  836.     onShowCheckBoxTable: function (defCheckBox, responseRecord) {
  837.       $H.log("ViewMixin onShowCheckBoxTable : start");
  839.       let selectorName = defCheckBox["selectorname"]
  840.       let datasetName = defCheckBox["datasetname"];
  841.       let onValue = defCheckBox["value"]["on"];
  842.       let offValue = defCheckBox["value"]["off"];
  843.       let max = responseRecord[datasetName]["value"].length;
  844.       let targetObject = $("." + selectorName);
  846.       for (let i = 0; i < max; i++) {
  847.         if (responseRecord[datasetName]["value"][i] == onValue) {
  848.           $(targetObject[i]).prop("checked", true);
  849.         }
  850.         if (responseRecord[datasetName]["value"][i] == offValue) {
  851.           $(targetObject[i]).prop("checked", false);
  852.         }
  853.       }
  855.       $H.log("ViewMixin onShowCheckBoxTable : end");
  856.     },
  857.     /**
  858.      * ラジオボタン表示処理
  859.      * @memberof ViewMixin
  860.      * @param {object} defRadioButton - ラジオボタン
  861.      * @param {object} responseRecord - レスポンスデータ
  862.      */
  863.     onShowRadioButton: function (defRadioButton, responseRecord) {
  864.       $H.log("ViewMixin onShowRadioButton : start");
  867.       $H.log("ViewMixin onShowRadioButton : end");
  868.     },
  869.     /**
  870.      * JsonDataから明細テーブルを再作成する
  871.      * @param {string} tableID - 明細テーブルのID
  872.      * @param {object} jsonData - jsonデータ
  873.      * @param {string} idName - 項目id名
  874.      * @param {string} itemName - 明細テーブル項目名
  875.      */
  876.     recreateJsonDataToTable: function (tableID, jsonData, idName, itemName) {
  877.       $H.log("ViewMixin recreateJsonDataToTable : start");
  879.       // 明細テーブルの２行目移行を削除する
  880.       this.deleteTableSecondRow(tableID);
  882.       // 明細テーブルの１行目をクリアする
  883.       let detailRecord = this.appspec.getJSONChunkByIdAtRecords(jsonData, idName)["record"];
  884.       this.clearTableFirstRow(detailRecord);
  886.       // 明細テーブルの１行目をデータ件数分コピーする
  887.       let maxSize = detailRecord[itemName]["value"].length;
  888.       this.copyTableFirstRow(tableID, maxSize);
  890.       $H.log("ViewMixin recreateJsonDataToTable : end");
  891.     },
  892.     /**
  893.      * JsonDataの値をViewに表示する<br>
  894.      * (テーブルデータは対象外)
  895.      * @memberof ViewMixin
  896.      * @param {object} jsonData - jsonデータ
  897.      */
  898.     fromJsonDataToView: function (jsonData) {
  899.       $H.log("ModelMixin fromJsonDataToView : start");
  900.       //変数宣言
  901.       let jsonRecord = null;
  902.       let name = null;
  903.       let object = null;
  904.       let jsonRecords = null;
  905.       let maxSize = null;
  906.       let value = null;
  907.       let rule = null;
  908.       let arg = null;
  909.       let tagName = null;
  910.       let typeName = null;
  912.       //変数宣言
  913.       jsonRecords = jsonData["records"];
  914.       maxSize = jsonRecords.length;
  916.       for (let i = 0; i < maxSize; i++) {
  917.         //初期化
  918.         jsonRecord = null;
  919.         //データ取得
  920.         jsonRecord = jsonRecords[i];
  922.         if (jsonRecord["multiline"] == "yes") {
  923.           continue;
  924.         }
  926.         for (name in jsonRecord["record"]) {
  927.           //初期化
  928.           object = null;
  929.           value = null;
  930.           rule = null;
  931.           arg = null;
  932.           tagName = null;
  933.           typeName = null;
  935.           //データ取得
  936.           object = $("#" + name)[0];
  937.           if (object === undefined) {
  938.             continue;
  939.           }
  941.           value = jsonRecord["record"][name]["value"][0];
  942.           if (name in this.format) {
  943.             rule = this.format[name];
  944.             arg = { value: value, rule: rule };
  945.             value = this.pubsub.publish("dataformat", arg);
  946.           }
  948.           tagName = $(object)[0].tagName;
  949.           typeName = "";
  950.           if (tagName == "INPUT") {
  951.             typeName = $(object)[0].type;
  952.           }
  954.           this.setValueToObject(tagName, typeName, $(object)[0], value);
  955.         }
  956.       }
  958.       $H.log("ModelMixin fromJsonDataToView : end");
  959.     },
  960.     /**
  961.      * JsonDataからテーブルを再描画する
  962.      * @memberof ViewMixin
  963.      * @param {string} tableID - テーブルID
  964.      * @param {object} jsonData - jsonデータ
  965.      * @param {string} idName - id名
  966.      */
  967.     resetJsonDataToTable: function (tableID, jsonData, idName) {
  968.       $H.log("ViewMixin resetJsonDataToTable : start");
  969.       //変数宣言
  970.       let detailRecord = null;
  971.       let maxSize = 0;
  972.       let name = null;
  974.       // 明細テーブルの２行目移行を削除する
  975.       this.deleteTableSecondRow(tableID);
  977.       // 明細テーブルの１行目をクリアする
  978.       detailRecord = this.appspec.getJSONChunkByIdAtRecords(jsonData, idName)["record"];
  979.       this.clearTableFirstRow(detailRecord);
  981.       // 明細行数を設定する
  982.       maxSize = 0;
  983.       for (name in detailRecord) {
  984.         maxSize = detailRecord[name]["value"].length
  985.         break;
  986.       }
  988.       // 明細テーブルの１行目をデータ件数分コピーする
  989.       this.copyTableFirstRow(tableID, maxSize);
  991.       // 明細テーブルにデータを表示する
  992.       this.showJsonDataToTable(detailRecord, maxSize);
  994.       $H.log("ViewMixin resetJsonDataToTable : end");
  995.     },
  997.     /**
  998.      * テーブルの２行目以降を削除する
  999.      * @param {string} tableID - テーブルid
  1000.      */
  1001.     deleteTableSecondRow: function (tableID) {
  1002.       $H.log("ViewMixin deleteTableSecondRow : start");
  1004.       $(tableID).find("tbody tr:gt(0)").remove();
  1006.       //変数宣言
  1007.       let j;
  1008.       let rows = null;
  1010.       rows = $(tableID)[0].rows;
  1011.       jQuery.each(rows, function (j) {
  1012.         let cells = rows[j].cells;
  1013.         jQuery.each(cells, function () {
  1014.           $(this).removeClass("rowBackground");
  1015.         });
  1016.       });
  1018.       $H.log("ViewMixin deleteTableSecondRow : end");
  1019.     },
  1020.     /**
  1021.      * 明細テーブルの１行目をクリアする
  1022.      * @memberof ViewMixin
  1023.      * @param {object} detailRecord - 明細データ
  1024.      */
  1025.     clearTableFirstRow: function (detailRecord) {
  1026.       $H.log("ViewMixin clearTableFirstRow : start");
  1027.       //変数宣言
  1028.       let name = null;
  1029.       let tagName = null;
  1030.       let typeName = null;
  1031.       let objArray = null;
  1033.       for (name in detailRecord) {
  1034.         //初期化
  1035.         objArray = null;
  1036.         tagName = null;
  1037.         typeName = null;
  1039.         objArray = $("." + name);
  1040.         if (!objArray.length) {
  1041.           continue;
  1042.         }
  1044.         tagName = $(objArray)[0].tagName;
  1045.         typeName = "";
  1046.         if (tagName == "INPUT") {
  1047.           typeName = $(objArray)[0].type;
  1048.         }
  1050.         this.setValueToObject(tagName, typeName, $(objArray)[0], "");
  1051.       }
  1053.       $H.log("ViewMixin clearTableFirstRow : end");
  1054.     },
  1055.     /**
  1056.      * テーブルの１行目を指定行数分コピーする
  1057.      * @memberof ViewMixin
  1058.      * @param {string} tableID - テーブルid
  1059.      * @param {number} maxSize - 最大行数
  1060.      */
  1061.     copyTableFirstRow: function (tableID, maxSize) {
  1062.       $H.log("ViewMixin copyTableFirstRow : start");
  1063.       //変数宣言
  1064.       let copySize = null;
  1066.       copySize = maxSize - 1;
  1067.       for (let i = 0; i < copySize; i++) {
  1068.         $(tableID + " tbody tr").eq(0).clone(true).insertAfter($(tableID + " tbody tr").eq(i));
  1069.       }
  1071.       $H.log("ViewMixin copyTableFirstRow : end");
  1072.     },
  1073.     /**
  1074.      * テーブルのROWにid番号を付与する
  1075.      * @memberof ViewMixin
  1076.      * @param {string} tableID - テーブルid
  1077.      */
  1078.     setRowidOfTable: function (tableID) {
  1079.       $H.log("ViewMixin setRowidOfTable : start");
  1080.       //変数宣言
  1081.       let table = null;
  1082.       let maxSize = 0;
  1083.       let row = null;
  1085.       //データ取得
  1086.       table = document.getElementById(tableID);
  1087.       maxSize = table.rows.length;
  1088.       for (let i = 0; i < maxSize; i++) {
  1089.         //初期化
  1090.         row = null;
  1092.         //データ取得
  1093.         row = table.rows[i];
  1094.         $(row).attr('id', i);
  1095.       }
  1097.       $H.log("ViewMixin setRowidOfTable : end");
  1098.     },
  1099.     /**
  1100.      * 明細テーブルにデータを表示する
  1101.      * @memberof ViewMixin
  1102.      * @param {object} detailRecord - 明細データ
  1103.      * @param {number} maxSize - 最大行数 
  1104.      */
  1105.     showJsonDataToTable: function (detailRecord, maxSize) {
  1106.       $H.log("ViewMixin showJsonDataToTable : start");
  1107.       //変数宣言
  1108.       let name = null;
  1109.       let objArray = null;
  1110.       let tagName = null;
  1111.       let typeName = null;
  1112.       let value = null;
  1113.       let rule = null;
  1114.       let arg = null;
  1116.       //明細テーブルにデータを表示する
  1117.       for (let i = 0; i < maxSize; i++) {
  1118.         for (name in detailRecord) {
  1119.           //初期化
  1120.           objArray = null;
  1121.           tagName = null;
  1122.           typeName = null;
  1123.           value = null;
  1124.           rule = null;
  1125.           arg = null;
  1127.           //項目名を取得
  1128.           objArray = $("." + name);
  1129.           if (!objArray.length) {
  1130.             continue;
  1131.           }
  1132.           //タグと型を取得
  1133.           tagName = $(objArray)[0].tagName;
  1134.           typeName = "";
  1135.           if (tagName == "INPUT") {
  1136.             typeName = $(objArray)[0].type;
  1137.           }
  1139.           value = detailRecord[name]["value"][i];
  1141.           if (name in this.format) {
  1142.             rule = this.format[name];
  1143.             arg = { value: value, rule: rule };
  1144.             value = this.pubsub.publish("dataformat", arg);
  1145.           }
  1147.           this.setValueToObject(tagName, typeName, $(objArray)[i], value);
  1148.         }
  1149.       }
  1151.       $H.log("ViewMixin showJsonDataToTable : end");
  1152.     },
  1153.     /**
  1154.      * 画面の各オブジェクトに値をセットする
  1155.      * @memberof ViewMixin
  1156.      * @param {string} tagName - オブジェクト名
  1157.      * @param {string} typeName - オブジェクトの種類 
  1158.      * @param {object} object - オブジェクト
  1159.      * @param {object} value - 値
  1160.      */
  1161.     setValueToObject: function (tagName, typeName, object, value) {
  1163.       switch (tagName) {
  1164.         case "INPUT":
  1165.           this.setValueToObjectOfInput(tagName, typeName, object, value);
  1166.           break;
  1167.         case "SELECT":
  1168.           this.setValueToObjectOfInput(tagName, typeName, object, value);
  1169.           break;
  1170.         case "TEXTAREA":
  1171.           this.setValueToObjectOfInput(tagName, typeName, object, value);
  1172.           break;
  1173.         default:
  1174.           this.setValueToObjectOfOther(tagName, typeName, object, value);
  1175.           break;
  1176.       }
  1178.     },
  1179.     /**
  1180.      * 画面の入力可能オブジェクトに値をセットする
  1181.      * @memberof ViewMixin
  1182.      * @param {string} tagName - オブジェクト名
  1183.      * @param {string} typeName - オブジェクトの種類
  1184.      * @param {object} object - オブジェクト
  1185.      * @param {object} value - 値
  1186.      */
  1187.     setValueToObjectOfInput: function (tagName, typeName, object, value) {
  1189.       switch (typeName) {
  1190.         case "text":
  1191.           $(object).val(value);
  1192.           break;
  1193.         case "checkbox":
  1194.           if (value == "" || value == "0") {
  1195.             $(object).prop("checked", false);
  1196.           }
  1197.           else {
  1198.             $(object).prop("checked", true);
  1199.           }
  1200.           break;
  1201.         case "radio":
  1202.           if (value == "" || value == "0") {
  1203.             $(object).prop("checked", false);
  1204.           }
  1205.           else {
  1206.             $(object).prop("checked", true);
  1207.           }
  1208.           break;
  1209.         case "button":
  1210.           break;
  1211.         default:
  1212.           $(object).val(value);
  1213.           break;
  1214.       }
  1216.     },
  1217.     /**
  1218.      * 画面の入力不可オブジェクトへ値を設定する
  1219.      * @memberof ViewMixin
  1220.      * @param {string} tagName - オブジェクト名
  1221.      * @param {string} typeName - オブジェクトの種類
  1222.      * @param {object} object - オブジェクト
  1223.      * @param {object} value - 値
  1224.      */
  1225.     setValueToObjectOfOther: function (tagName, typeName, object, value) {
  1227.       switch (tagName) {
  1228.         case "BUTTON":
  1229.           break;
  1230.         case "DIV":
  1231.           $(object).html(value);
  1232.           break;
  1233.         case "LABEL":
  1234.           $(object).text(value);
  1235.           break;
  1236.         case "TD":
  1237.           $(object).html(value);
  1238.           break;
  1239.         default:
  1240.           $(object).html(value);
  1241.           break;
  1242.       }
  1244.     },
  1246.     // -------------------------------------------------------
  1247.     // 画面遷移・選択画面  処理
  1248.     // -------------------------------------------------------
  1249.     /**
  1250.      * 画面ヘッダ  キー項目  表示＆クリア処理
  1251.      * @memberof ViewMixin
  1252.      * @param {object} dataSet - データセット
  1253.      */
  1254.     setFromDatasetToViewWithSessionStorageOfHeader: function (dataSet) {
  1255.       $H.log("ViewMixin setFromDatasetToViewWithSessionStorageOfHeader : start");
  1257.       this.setFromDatasetToViewWithKeyInfo(dataSet, this.appspec.sessionStorageHeaderKey);
  1259.       $H.log("ViewMixin setFromDatasetToViewWithSessionStorageOfHeader : end");
  1260.     },
  1261.     /**
  1262.      * 前画面からの引き継ぎデータを表示する
  1263.      * @memberof ViewMixin
  1264.      * @param {object} dataSet - 引き継ぎデータ
  1265.      */
  1266.     setFromDatasetToViewWithBeforeStorageData: function (dataSet) {
  1267.       $H.log("ViewMixin setFromDatasetToViewWithBeforeStorageData : start");
  1269.       this.setFromDatasetToViewWithKeyInfo(dataSet, this.appspec.beforeStorageData);
  1271.       $H.log("ViewMixin setFromDatasetToViewWithBeforeStorageData : end");
  1272.     },
  1273.     /**
  1274.      * 画面キー情報＆前画面からの引き継ぎデータを表示する
  1275.      * @memberof ViewMixin
  1276.      * @param {*} dataSet - 引き継ぎデータ
  1277.      * @param {*} keyInfo - 画面キー情報
  1278.      */
  1279.     setFromDatasetToViewWithKeyInfo: function (dataSet, keyInfo) {
  1280.       //変数宣言
  1281.       let maxSizeKeyInfo = 0;
  1282.       let datasetID = null;
  1283.       let datasetRecord = null;
  1284.       let maxSizeDataName = 0;
  1285.       let itemName = null;
  1286.       let className = null;
  1287.       let typeName = null;
  1288.       let strArray = null;
  1289.       let $select = null;
  1291.       // 検索項目をクリアする
  1292.       maxSizeKeyInfo = keyInfo.length;
  1293.       for (let i = 0; i < maxSizeKeyInfo; i++) {
  1294.         //初期化
  1295.         datasetID = null;
  1296.         datasetRecord = null;
  1297.         maxSizeDataName = 0;
  1299.         //データ取得
  1300.         datasetID = keyInfo[i]["datasetid"];
  1301.         datasetRecord = this.appspec.getJSONChunkByIdAtRecords(dataSet, datasetID)["record"];
  1302.         maxSizeDataName = keyInfo[i]["dataname"].length;
  1303.         for (let j = 0; j < maxSizeDataName; j++) {
  1304.           //初期化
  1305.           itemName = null;
  1306.           className = null;
  1307.           typeName = null;
  1308.           strArray = null;
  1309.           $select = null;
  1311.           //値取得
  1312.           itemName = keyInfo[i]["dataname"][j];
  1313.           className = keyInfo[i]["classname"][j];
  1314.           typeName = keyInfo[i]["typename"][j];
  1316.           if (typeName == "text") {
  1317.             $("." + className).val(datasetRecord[itemName]["value"][0]);
  1318.           }
  1319.           if (typeName == "select") {
  1320.             $("." + className).val(datasetRecord[itemName]["value"][0]);
  1321.           }
  1322.           if (typeName == "multipleselect") {
  1323.             strArray = datasetRecord[itemName]["value"][0].split(",");
  1324.             $select = $("#" + className);
  1325.             $select.multipleSelect("uncheckAll");
  1326.             $select.multipleSelect("setSelects", strArray);
  1327.           }
  1328.           if (typeName == "checkbox") {
  1329.             if (datasetRecord[itemName]["value"][0] == "" || datasetRecord[itemName]["value"][0] == "0") {
  1330.               $("." + className).prop("checked", false);
  1331.             }
  1332.             else {
  1333.               $("." + className).prop("checked", true);
  1334.             }
  1335.           }
  1336.           if (typeName == "td") {
  1337.             $("." + className).text(datasetRecord[itemName]["value"][0]);
  1338.           }
  1339.         }
  1340.       }
  1341.     },
  1343.     /**
  1344.      * 画面が表示された時、最初にフォーカスを設定する項目を指定する
  1345.      * @memberof ViewMixin
  1346.      */
  1347.     setFirstFocusItem: function () {
  1348.       $H.log("ViewMixin setFirstFocusItem : start");
  1349.       //変数宣言
  1350.       let object = null;
  1352.       if (this.appspec.isExists(this.appspec.firstFocusItem)) {
  1353.         if (this.appspec.isExists(this.appspec.firstFocusItem[0])) {
  1354.           if (this.appspec.firstFocusItem[0][0] == "class") {
  1355.             object = $("." + this.appspec.firstFocusItem[0][1])[0];
  1356.           }
  1357.           else {
  1358.             object = $("#" + this.appspec.firstFocusItem[0][1])[0];
  1359.           }
  1361.           object.focus();
  1362.           if (object.type == "text" || object.type == "textarea") {
  1363.             // キャレットを最後に設定
  1364.             object.value += "";
  1365.           }
  1366.         }
  1367.       }
  1369.       $H.log("ViewMixin setFirstFocusItem : end");
  1370.     },
  1372.     /**
  1373.      * F12押下時、フォーカスを設定する項目を指定する
  1374.      * @memberof ViewMixin
  1375.      */
  1376.     setF12FocusItem: function () {
  1377.       $H.log("ViewMixin setF12FocusItem : start");
  1378.       //変数宣言
  1379.       let object = null;
  1381.       if (this.appspec.isExists(this.appspec.f12FocusItem)) {
  1382.         if (this.appspec.isExists(this.appspec.f12FocusItem[0])) {
  1383.           if (this.appspec.f12FocusItem[0][0] == "class") {
  1384.             object = $("." + this.appspec.f12FocusItem[0][1])[0];
  1385.           }
  1386.           else {
  1387.             object = $("#" + this.appspec.f12FocusItem[0][1])[0];
  1388.           }
  1390.           object.focus();
  1391.           if (object.type == "text" || object.type == "textarea") {
  1392.             // キャレットを最後に設定
  1393.             object.value += "";
  1394.           }
  1395.         }
  1396.       }
  1397.       $H.log("ViewMixin setF12FocusItem : end");
  1398.     }
  1399.   };
  1400. }(jQuery, Halu));