[{"id":"471bd01d-2c55-4895-b46f-811c4eed7571","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"da208fce-85ad-4c35-a5e3-87ff194b17ed","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"ac6cc2b2-6ddb-42d4-8bfa-95509e6448e2","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"99c67dff-427d-41b4-a4b0-144ec624500b","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"21d10235-4abe-486e-8859-6aa2f7edc442","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"361f2cdd-a34a-446b-8f53-16b7c82fb69a","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"2a3cece3-ed23-4e9f-a71f-226657337d2c","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"d8001871-044e-4afc-899d-e4104efcfbde","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"feb1cbab-9f1e-4233-b9db-11b2b9156c6d","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"a7942aeb-844b-42a6-83df-1c0aa8da3d0e","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"318074f6-ca29-4ed9-adb6-af319ab87121","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"3c29b05e-ef44-48c3-b836-6743680fa52a","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"5b86275f-ec58-4d09-b5c9-f0047fc3d2f3","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"55a78d7c-a608-4ff6-bb3c-f5993afc8631","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"64e9c9e5-dc70-4dcc-b101-824c175010f9","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"e7dd5528-b482-4399-9d5d-38d10a9b0ddb","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]}]
デモ ヘルプ APIリファレンス
トライアル版
(Showing Draft Content)

InputManJS V5Jからの変更点

V5.0Jの変更点

バージョン： V5.0J（2024/10/30）

InputManJS V4.1 から V5.0J の変更点は以下の通りです。

対応環境

  • TypeScript 2／3／4／5

  • Angular 16／17／18

  • React 16／17／18

  • Vue.js 3

  • Next.js 13／14（クライアントサイドレンダリングのみ対応）

  • Nuxt.js 3（クライアントサイドレンダリングのみ対応）

新機能

  • Angular 18に対応しました

  • Angular16~18のスタンドアロンコンポーネントに対応しました

  • コメントの追加、削除、返信、リアクション、並べ替え、検索など、コメント管理に必要な機能を備えたコメントコンポーネント（GcComment）を追加しました

  • コンボコントロール（GcComboBox）とタグボックスコントロール（GcTagBox）に階層構造を持つデータやオブジェクトをツリーとして表示する機能を追加しました

  • テキストコントロール（GcTextBox）にtrimModeプロパティが追加され、コントロールからフォーカスを外す際に、文字列の先頭と末尾に付いている余分なスペースを削除できるようになりました

  • 日付時刻コントロール（GcDateTime）にdefaultDateプロパティが追加され、ドロップダウンカレンダーやドロップダウン日付ピッカーを開く際に、デフォルトの日付を表示できるようになりました

  • 数値コントロール（GcNumber）と日付時刻コントロール（GcDateTime）にautoConvertプロパティが追加され、全角数字を入力してフォーカスを外すと、全角数字を半角数字に変換できるようになりました

  • リッチテキストエディタ（GcRichTextEditor）に以下の機能を追加しました

    • statusbarプロパティが追加され、ズームスライダーと文字数を表示するステータスバーを追加しました

    • 検証機能を利用できるようになりました

  • タグボックスコントロール（GcTagBox）に以下の機能を追加しました

    • floatingLabelTextとfloatingLabelDirectionプロパティが追加され、入力フィールドにフローティングラベルを表示する機能を追加しました

    • imageAlignmentプロパティが追加され、選択した項目のアイコンの表示位置をテキストの左または右に設定できるようになりました

    • appendCustomTagToDropDownプロパティが追加され、カスタム項目を入力する場合にドロップダウンリストに追加できるようになりました

  • 検証コントロール（GcValidator）に以下の機能を追加しました

変更点

  • リッチテキストエディタ（GcRichTextEditor）で入力中のコンテンツが存在し、メニューバーから「新規ドキュメント」をクリックすると、確認ダイアログが表示されるようになりました

不具合の修正

  • [9588827192463] 双方向バインディングで紐づけてコントロールに値を入力しても変数側が更新されない

  • [9592282862735] iPad/iPhone（Safari）でコントロールに入力すると、画面のレイアウトが動く現象が発生する

  • [9739355950991] iPad/iPhone（Safari）でGcNumberにIMEを使用して値を入力してもその値がコントロールに反映されない

  • [9792369297167] GcMultiLineTextBoxコントロールの高さをCSSで設定するとレイアウトが崩れる

  • [10329167468687] GcDateTimeのドロップダウンカレンダーをYearMonthに設定すると、月を選択しても日時が入力されない

その他

  • 次の環境はフレームワークのサポート終了とあわせて、サポート対象外となりました

    • Angular 15