〈FlexGrid〉データが存在しない場合の表示のカスタマイズ

FlexGridに表示するデータが存在しない場合に、オーバーレイコンテンツとしてHTMLタグなどを使用した任意のコンテンツを表示できるようになりました。これまではデータが存在しない場合、空のFlexGridを表示することしかできませんでしたが、本機能を使用してよりUXに配慮したインターフェースを構築できます。

データが存在しない場合の表示のカスタマイズ

新しく追加された「noDataOverlayContent」プロパティを使用してオーバーレイコンテンツを設定できます。style属性やclass属性などを使用し、エンドユーザーが見やすく装飾を加えることも可能です。

オーバーレイコンテンツには画像やボタンといったHTML要素も使用可能なので、エンドユーザーが理解しやすいUXの優れたインターフェースを構築できます。

  • scriptタグ、styleタグ、linkタグはサポートしていません。

〈FlexGrid〉ソート順序のカスタマイズ

FlexGridの列ヘッダークリック時のソートの順序をカスタマイズできるようになりました。FlexGrid全体に対してだけでなくカラム毎の指定もできるので、データ項目にあわせたソート順序の設定が実現可能です。新しく追加されたsortOrderプロパティに以下の列挙体の値を指定することでソートの順序を指定できます。

  • AscDesc(デフォルト):昇順、降順の順にソートを実行
  • DescAsc:降順、昇順の順にソートを実行
  • AscDescNone:昇順、降順、ソート解除の順にソートを実行
  • DescAscNone:降順、昇順、ソート解除の順にソートを実行

〈FlexGrid、FlexSheet、MultiRow〉フィルターダイアログでのソート実行時のイベント

フィルターダイアログからソートを実行した時に、列ヘッダーからソートを実行した時と同様にsortingColumnイベント、およびsortedColumnイベントが発生するようになりました。

〈FlexGrid、FlexSheet、MultiRow、TransposedGrid、TransposedMultiRow〉ドラッグ操作で行・列の大きさを表示領域を超えてリサイズする

ドラッグ操作で行の高さや列の幅をリサイズする際に、グリッドやシートの表示領域を超えてリサイズできるようになりました。AllowResizing列挙体に新たに追加された以下の値をallowResizingプロパティに設定することで表示領域を超えてのリサイズが可能です。

  • ColumnsOverflow:列ヘッダーの端をドラッグし、グリッドの表示領域を超えて列をリサイズできます
  • RowsOverflow:行ヘッダーの端をドラッグし、グリッドの表示領域を超えて行をリサイズできます
  • BothOverflow:ヘッダーの端をドラッグし、グリッドの表示領域を超えて行および列をリサイズできます
  • ColumnsAllCellsOverflow:任意のセルの端をドラッグし、グリッドの表示領域を超えて列をリサイズできます
  • RowsAllCellsOverflow:任意のセルの端をドラッグし、グリッドの表示領域を超えて行をリサイズできます
  • BothAllCellsOverflow:任意のセルの端をドラッグし、グリッドの表示領域を超えて行および列をリサイズできます

「Angular 19」と「Next.js 15」に対応

Angularの最新バージョン「19」、およびNext.jsの最新バージョン「15」に対応しました。

「Angular 19」と「Next.js 15」に対応

「React 19」のrefのクリーンアップ関数での実行に対応

React 19において、バージョン「2024J v2.1」で制限としていたrefのクリーンアップ関数内での実行をサポートしました。

Wijmoのコントロールを使用した実用サンプルを2種追加

Wijmoのさまざまなコントロールを使用した実用サンプルを2種追加しました。Wijmoを使用した業務アプリケーションの開発方法や、高度な使い方を学習するのに最適です。

プロジェクト工数管理

Wijmoの各種コントロールを使用した、プロジェクト工数管理アプリケーションのサンプルです。
FlexGridやMultiRowを使用したWBSの表示、InputNumberやInputDateを使用した入力機能、TabPanelやPopupを使用した各種ナビゲーションなどの機能を実装しています。また、UndoStackを使用したアンドゥ/リドゥ機能や、FlexGridXlsxConverter.saveAsyncメソッドを利用したExcel出力機能の実装方法も確認できます。

プロジェクト工数管理

動画投稿サイトのアクセス分析

Wijmoの各種コントロールを使用した、動画投稿サイトのアクセス分析を想定したデモのサンプルです。
FlexGridやFlexChart、FlexPieを使用して各種データを可視化しています。また、TabPanelやComboboxを使用して分析対象や期間の切り替えができます。

動画投稿サイトのアクセス分析

その他の機能強化

  • RESTCollectionView、およびODataCollectionViewにおいて、サーバーサイドグルーピング機能を有効にしている場合のページング機能がサポートされました。
    • サーバーサイドグルーピング機能(遅延読み込み)の場合は、ページング機能は最上位グループのみに適用できます
    • サーバーサイドグルーピング機能(仮想化)では、ページング機能は利用できません
  • サウジアラビアカルチャ(ar-SA)のサポートを追加しました