Wijmo Enterprise(日本語版)2025J v1.1
Released: Aug 6, 2025
2025J v1.1 での更新項目
機能
対応環境
- TypeScript 2(2.9.2)/3(3.0.0、3.1.2、3.9.9)/4(4.0.2-4.0.7、4.3.2、4.7、4.8、4.9)/5(5.2.2、5.4、5.6)
- Angular 17/18/19
- React 16/17/18/19
- Vue.js 3
- Next.js 14/15
- Nuxt.js 3
機能の追加
- Input
- ChangeSelectionOnlyとOpenDropdownをメンバーに持つ、KeyAction列挙型が追加されました。
- CloseAndKeepFocusとCloseAndMoveFocusをメンバーに持つ、TabKeyAction列挙型が追加されました。
- NoneとAllをメンバーに持つ、CalendarTabKeyAction列挙型が追加されました。
- ComboBox、DropDown、InputDate
- keyActionDownArrowプロパティとkeyActionUpArrowプロパティが追加され、上および下矢印キーを押下した時にドロップダウンを開くことができるようになりました。
- この動作を有効にするには各プロパティにKeyAction列挙型のOpenDropdownを設定してください。
- ComboBox、InputDate
- keyActionTabプロパティが追加され、ドロップダウンが表示されている状態でTabキーを押下した時のフォーカス動作を変更できるようになりました。
- keyActionTabプロパティにはTabKeyAction列挙型の値を割り当てることができます。
- 詳細は仕様変更のセクションをご確認ください。
- AutoComplete、ComboBox、InputNumber、Popup
- ariaLabelledByプロパティが追加され、要素内のaria-labelledby属性値を設定できるようになりました。
- Calendar、ColumnFilter、GroupPanel
- ariaLabelプロパティが追加され、要素内のaria-label属性値を設定できるようになりました。
- Calendar
- focusModeプロパティが追加され、カレンダーの日付部分にもフォーカスを設定できるようになりました。
- keyActionTabプロパティが追加され、Tabキーでコントロール内のボタンへフォーカスを設定できるようになりました。
- この動作を有効にするにはCalendarTabKeyAction列挙型のAllを設定してください。
- ComboBox
- keyActionPrintCharactersプロパティが追加され、印刷可能な文字キー (文字、数字、記号)を入力した時のドロップダウン開閉動作を変更できるようになりました。
- keyActionPrintCharactersプロパティにはKeyAction列挙型のChangeSelectionOnlyを設定することができます。
- 詳細は仕様変更のセクションをご確認ください。
- InputDate
- showConfirmationButtonsプロパティが追加され、カレンダー下部に「OK」と「キャンセル」ボタンを表示できるようになりました。
- このプロパティをtrueに設定すると、選択された日付を変更せずにフォーカスを移動することができます。
- FlexGridSearch
- isSubmitOnChangeプロパティが追加され、検索ボックスにテキストを入力後の検索実行タイミングを設定できるようになりました。
- このプロパティをtrueに設定すると、Enterを押下した後で検索が実行されるようになります。(デフォルト値はfalse)
機能の改善
- InputNumber、AutoComplete、DropDown、ListBox、ComboBox、Calendar、InputDate、Popup、Search、GroupPanel、Selector、FlexGridFilter、FlexGrid、DetailRow、TreeGrid
- WCAG 2.0 AA規格に準拠するようアクセシビリティサポートを強化しました。
- FlexGrid
- 列ヘッダーにフォーカスがある場合、Ctrl+Shift+F でフィルターダイアログの表示、Ctrl+Shift+S で並べ替え、Ctrl+Shift+P でピン留めが実行できるようになりました。
- このキーボード操作は各機能を有効にしている必要があります。
- FlexGridFilter
- 値フィルターの検索ボックスの左側に「虫眼鏡」の検索アイコンを追加しました。
仕様変更
- AutoComplete
- 現在のコントロールの動作をより正確に記述するため、input要素のaria-autocomplete属性の値をbothからlistに変更しました。
- ComboBox
- WCAG要件を準拠するために、input要素のaria-owns属性をaria-controls に変更しました。
- WCAG要件を準拠するために、印刷可能な文字キー (文字、数字、記号)の入力中にデフォルトでドロップダウンが開くようになりました。
- 従来のバージョンの動作に変更する場合は、keyActionPrintCharactersプロパティにKeyAction列挙型のChangeSelectionOnlyを設定してください。
- ComboBox、InputDate
- WCAG要件を準拠するために、ドロップダウンが表示されている場合、Tabキーを押すとドロップダウンが閉じられ、フォーカスが次のフォーカス可能な要素に移動するようになりました。
- 従来のバージョンの動作に変更する場合は、keyActionTabプロパティにKeyAction列挙型のCloseAndKeepFocusを設定してください。
- FlexGridFilter
- アクセシビリティ要件を満たすため、コントロール内のタブ要素はNavモジュールのTabPanelコンポーネントを使用するよう変更されました。
- この変更に伴い、CDNやローカルのスクリプトファイルから FlexGridFilter モジュールを使用している場合は、Navモジュール(wijmo.nav.min.js)もインポートする必要があります。
- npmを利用している場合は、自動的にインポートされます。
- InputNumber
- WCAG要件に準拠するために、ARIA属性をホスト要素からinput要素に移動しました。
- ListBox
- ListBox内のチェックボックス型のinput要素をspan要素に置き換えました。
- これはアクセシビリティテストツールによって報告される「対話型コントロールはネストできません」というエラーを解決し、異なるブラウザー間で一貫したスタイルを確保することを目的としています。
不具合の修正
- FlexGrid
- [11543690266895] コントロールが破棄されるとき、selectionChangedイベントが発火する
- [12443499380623] セル結合した列ヘッダーのテキストが、スクロール時に非表示領域を含むセル全体の位置に表示されてしまう
- FlexChart
- [11996378740623] itemFormatterを使用して軸ラベルを追加すると、軸タイトルが軸ラベルの位置に表示される
- InputDate
- [11746174833167] ドロップダウンを開いた状態で表示値を削除し、カレンダーから日付を選択した後に「Ctrl+Z」で戻すとテキスト部分に日付が2つ表示される
- InputTime
- [11337962621199] コントロールの値がitemFormatterのコールバック関数に従ってフォーマットされる
- MultiRow
- [11337962621199] layoutDefinitionを使用してヘッダーテキストを変更できない