Released: Sep 7, 2021

2021J v2 での更新項目

機能

• FlexMapを正式リリース：地理空間データを可視化できるコントロール「FlexMap」の正式版を公開しました。FlexMapではデータソースとしてGeoJSON形式のデータをサポートします。また、地図上のレイヤーにプロットしたい地理情報（経度・緯度）の配列を設定することで、散布図やバブルマップなどを作成することも可能です。
• 列グループがより使いやすく〈FlexGrid〉：FlexGridの列グループに以下のような機能強化を行いました。
  • ドラッグ&ドロップで並び替え：列グループを設定した状態でもドラッグ&ドロップで列の並び替えができるようになりました。列グループの並び替えはデフォルトで有効となるので、無効にしたい場合は「allowDragging」プロパティをfalseに設定します。
  • 状態の保存と復元：「columnLayout」プロパティを利用して列グループの折りたたみ状態を保存、復元できるようになりました。一時的に列グループの折りたたみ、および展開時の状態を保存しておきたい場面で活用できます。
  • UndoStackによるアンドゥとリドゥの強化：列グループの以下の操作のアンドゥ（Undo）とリドゥ（Redo）ができるようになりました。
    • 列グループの並び替え
    • 列グループの折り畳みと展開
  • 各種フレームワークに対応した列グループ用コンポーネント：Angular／React／Vue.jsに対応した列グループ用コンポーネントを追加しました。グループ用コンポーネントを使用して、以下のようにセルテンプレートを定義できます。
  • Angular：列グループを表す「wj-flex-grid-column-group」コンポーネントを追加しました。セルテンプレートを利用する場合は、wj-flex-grid-column-groupの子要素として、「wjFlexGridCellTemplate」ディレクティブをng-template要素と一緒に利用します。
  • React：列グループを表す「FlexGridColumnGroup」コンポーネントを追加しました。セルテンプレートを利用する場合は、FlexGridColumnGroupの子要素として、「FlexGridCellTemplate」コンポーネントを利用します。
  • Vue.js：列グループを表す「wj-flex-grid-column-group」コンポーネントを追加しました。セルテンプレートを利用する場合は、wj-flex-grid-column-groupの子要素として、「wj-flex-grid-cell-template」コンポーネントを利用します。
  • 新しい列グループのデータモデル：新たに追加された「ColumnGroup」クラスと「ColumnGroupCollection」クラスを使用して列グループを定義できるようになりました。各クラスのAPIを利用して列グループを操作できます。また、従来のようにJavaScriptの配列によって列グループを定義する方法も引き続きサポートします。
• Excelのメモ〈Excel〉：Excelのメモ機能に対応しました。WorkbookCellクラスに追加された「note」プロパティを使用し、読み込んだExcelファイルからメモを取得したり、作成するExcelファイルにメモを設定したりできます。
• PivotPanelの更新をAPIで制御〈OLAP〉〈Enterprise限定機能〉：PivotPanelクラスに追加された「deferredUpdate」プロパティを使用して、APIを経由で「レイアウトの更新を保留」オプションの切り替えができるようになりました。

不具合の修正

• AutoComplete:AutoComplete／MultiAutoCompleteでbeginsWithSearchプロパティをtrueに設定した場合、searchMemberPathの内容が検索されない
• FlexGrid
  • InputDateエディタのinvalidInputイベント内でイベントをキャンセルしても、不正な値が保持されたままにならない
  • 新規行テンプレートに複数行の値を貼り付た場合、pastingCellの引数CellRangeEventArgsのrowの値が正しくない
  • 列のdataMapEditorにRadioButtonsを設定している時、cellEditEndingイベント内の処理が不正になる
  • 列幅を狭めるとマウスドラッグでの操作が出来なくなる
  • SelectionModeがListBoxかつMergeManagerでセルが結合されている場合、Ctrl＋Cキーを押下すると後に選択した行の範囲が選択およびコピーされない
  • 列のalignをleftに設定していても、親要素のtext-alignによって列が左揃えではなくなる
  • 最終列がブラウザの右端に表示されている時、フィルタダイアログ内のボタンの表示位置がずれる場合がある
  • 複数行を行ヘッダードラッグで選択状態にして行の削除を実行する時、deletingRowでイベントをキャンセルすると複数行の選択が解除される
  • 左上のセル要素をsetTooltipでツールチップの割り当て要素に指定した場合、ツールチップが表示されない
• FlexSheet：変更追跡を有効にしている時、行削除操作を元に戻してもitemsRemovedにデータが残ったままになる
• Excel：MultiRowでデータ型の異なる複数行を設定して出力した場合に正しいデータ型で出力されない場合がある
• InputDate
  • valueChanged内でtextの値を取得すると、新たに選択した日付の値が取得されない
  • wj-btn-default要素にtabIndexを指定してフォーカスを移動すると、フォーカス位置がテキスト部分に戻る
• MultiRow：AngularCLIで作成したアプリ内でMultiRowのセルテンプレートを参照するとスクリプトエラーが発生する
• OLAP：PivotEngineのフィールドをすべてPivotGridの列に移動した状態でCSV出力するとスクリプトエラーが発生する