[{"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"}]}]
バージョン: V2.4J(2020/09/02)
InputManJS V2.3J から V2.4J の変更点は以下の通りです。
対応環境
TypeScript 2/3
Angular 2/4/5/6/7/8/9
React 16
Vue.js 2
新機能
テキストコントロール、マスクコントロール、数値コントロール、日付時刻コントロール、コンボコントロールに、setShowClearButtonメソッドを追加し、入力済みのテキストをクリアできるボタンを表示できるようになりました
テキストコントロール、マスクコントロール、数値コントロール、日付時刻コントロール、コンボコントロールに、setAutoScaleメソッドを追加し、入力したテキストが長すぎて見切れてしまうときに、テキストがコントロールに収まるように長体で表示できるようになりました
リストコントロールとコンボコントロールに、setShowTipメソッドを追加し、表示したアイテムが見切れてしまうときにチップ表示させることができるようになりました
テキストコントロールにsetPasswordRevelationModeメソッドを追加し、パスワード文字の表示モードを指定できるようになりました
コンボコントロールにsetTextメソッドを追加し、コントロールのテキストに値を設定できるようになりました
コンボコントロールにclearItemsメソッドを追加し、動的に読み込んでいた項目を最初の項目から再読み込みできるようになりました
コンボコントロールに、コンストラクタオプションのemptyTemplateを追加し、ドロップダウンリストの項目が空の場合に表示するHTMLテンプレートを設定できるようになりました
ドロップダウンプラグインにonOpeningイベントとonClosingイベントを追加し、ドロップダウンの開閉直前のイベントを制御できるようになりました
変更点
リストコントロールとコンボコントロールで、フッターテンプレートが改善され、JavaScriptコードを記述して実行できるようになりました
リストコントロールとコンボコントロールで、列幅に割合を示す数値とアスタリスク(*)を指定することで、動的な列幅を設定できるようになりました
リストコントロールで、親要素に幅を指定してコントロールに幅を指定しない場合、コントロールは親要素の幅で表示され、スクロールバーが表示されるようになりました
不具合の修正
[85607] 複数行テキストコントロールでテキストに「LF("\n")」が含まれている場合、コンテキストメニューの「すべて選択」を実行しても全てのテキストが選択状態にならない
[85682] テキストコントロールが無効化されている場合、コピーとペーストの動作が正しくない
[4401957000591] バージョン2.4のフレームワーク用パッケージをインストールすると、バージョンが3.0のInputManJSのモジュールがインストールされる
V2.4.1Jで修正されました。
バージョン: V2.3J(2020/04/15)
InputManJS V2.2J から V2.3J の変更点は以下の通りです。
対応環境
TypeScript 2/3
Angular 2/4/5/6/7/8/9
React 16
Vue.js 2
新機能
Angular 9に対応しました
iPadOSのSafari/Chromeに対応しました
フレームワーク用のInputManJSコンポーネントが「npm」に対応しました使用方法の詳細は、「フレームワークでの使用」をご参照ください
オンラインデモに、各フレームワーク(Angular/React/Vue)用のサンプルを追加しました
コンボコントロール、日付時刻コントロール、数値コントロールおよびドロップダウンを設定可能なコントロールに、getDropDownWindowメソッドを追加しましたこれにより、設定されているドロップダウンを取得し、任意のタイミングでドロップダウンの開閉を実行できるようになりました
コンボコントロール、日付時刻コントロール、数値コントロールおよびドロップダウンを設定可能なコントロールに、setDropDownButtonVisibleメソッドを追加し、ドロップダウンボタンの表示/非表示を動的に設定できるようになりました
コンボコントロール、日付時刻コントロール、数値コントロールおよびドロップダウンを設定可能なコントロールに、setAutoDropDownメソッドを追加し、コントロールがフォーカスを取得した際にドロップダウンを自動的に表示できるようになりました
コンボコントロール、日付時刻コントロール、数値コントロールおよびドロップダウンを設定可能なコントロールに、setContainerメソッドを追加しましたドロップダウンを表示するスペースがあるかどうかを判断する基準となる要素を指定し、コントロールをダイアログなど特定の領域内で使用する場合でもドロップダウンを適切な方向に表示できるようになりました
数値コントロールにsetSpinOnKeysメソッドを追加し、[↑]キーまたは[↓]キーで値の増減を行うかどうかを設定できるようになりました
数値コントロールにsetSpinWrapメソッドを追加し、値の増減を有効範囲内でループさせるかどうかを設定できるようになりました
GcValidator、GcTipNotifier、GcIconNotifierにrefreshメソッドを追加し、コントロールのリサイズに合わせてツールチップやアイコンの表示位置を更新できるようになりました
変更点
フレームワーク用コンポーネントで、TypeScriptの型定義でany型の使用を廃止し、より適切な型を明確に定義するように改善しました
日付時刻コントロールでドロップダウンカレンダーの最小幅を120pxから140pxに変更しました
コンボコントロール、日付時刻コントロール、数値コントロールおよびドロップダウンを設定したコントロールでスペースに応じてドロップダウンを表示する方向をコントロールの上側または下側に自動的に調整するようになりました
リストコントロールとコンボコントロールで、連続する半角スペースをリスト中にそのまま表示するようにしました
リストコントロールとコンボコントロールで、リストまたはドロップダウンリストの列幅をダブルクリックで自動調整できるようになりました
不具合の修正
[84541] TypeScriptの定義ファイルでnullを許容するプロパティに対して「null」が明示的に宣言されていない
[84825] TReactでコントロールの初期化時にstate変数を介してアイテムを動的に変更した場合に、初期値が適切に設定されない
[84966] Safariで数値コントロールに小数点「.」が入力できない
[85008] 型定義ファイルを参照した状態で、型定義ファイルに定義されていないメソッドを実行すると、エラーが発生する
[84988] テキストコントロールの書式に空白文字と全角文字を指定すると入力した空白文字が削除される
[85008] ドロップダウンカレンダーで最小日の月を表示できない場合がある
バージョン: V2.2J(2019/09/25)
InputManJS V2.1J から V2.2J の変更点は以下の通りです。
対応環境
TypeScript 2/3
Angular 2/4/5/6/7/8
React 16
Vue.js 2
新機能
Angular 8に対応しました
リストコントロールとコンボコントロールのドロップダウンリストで、列幅に"auto"と設定することで、列幅を自動調整できるようになりました
変更点
InputManJSコンポーネントのリファクタリングを行いましたリファクタリングによる主な変更点は以下の通りです
onInitializedイベントを追加しました
イベントの引数を、製品本体と同じ引数に変更しました
プロパティやイベントの名称変更、追加、削除等を行いました
不具合の修正
[83930] 日付時刻コントロールで自由書式による入力ができない
[84398] コンボコントロールでコントロールを無効にしても、マウスホイールで値が変更される
[84399] リストコントロールにブール値を表示すると「false」が「FASLE」と表示される
[84488] マスク書式を設定すると、コントロールにフォーカスが設定される
[84491] Reactで数値コントロールに100,000以上の値を設定できない
[84492] Reactでコンボコントロールとリストコントロールの初期値を設定できない
バージョン: V2.1J(2019/04/17)
InputManJS V2.0J から V2.1J の変更点は以下の通りです。
対応環境
TypeScript 2/3
Angular 2/4/5/6/7
React 16
Vue.js 2
新機能
新元号「令和」に対応しました V2.1Jでは updateCustomEraメソッドで年号を設定しなくても、新元号に対応できます
変更点
本製品の ソフトウェア使用許諾契約書を改定しました
バージョン: V2.0J(2018/10/31)
InputManJS V1.0J から V2.0J の変更点は以下の通りです。
対応環境
TypeScript 2/3
Angular 2/4/5/6/7
React 16
Vue.js 2
新機能
以下のコントロールおよび機能を追加しました
リストコントロール(GcListBox)
コンボコントロール(GcComboBox)
複数行テキストコントロール(GcMultiLineTextBox)
検証コントロール(GcValidator)
日付時刻ピッカー(GcDateTimePicker)
ドロップダウンプラグイン
フォーカス移動の制御(Enterキー/Shift+Enterキーによるフォーカス移動)
編集中のイベント
コンストラクタのオプションによる初期化
カレンダーコントロール、ドロップダウンカレンダーの「元年」表示
InputManJSデザイナ
「npm」サポート
テーマサポート
変更点
本製品のスクリプトファイルとCSSファイルのファイル名を以下のように変更しました
V2Jのファイル名 | V1Jのファイル名 | |
---|---|---|
スクリプトファイル | gc.inputman-js.ja.js | gc.inputman-js.ja.1.0.js |
CSSファイル | gc.inputman-js.css | gc.inputman-js.1.0.css |
TypeScript型定義ファイル | gc.inputman-js.ja.d.ts | gc.inputman-js.1.0.d.ts |
複数行テキストコントロール(GcMultiLineTextBox)の追加に伴い、従来のテキストコントロール(GcTextBox)から複数行入力に関連するの以下の機能を削除しました
getLinesメソッド/setLinesメソッド
setAcceptsTabメソッド
setCountWrappedLineメソッド
setMaxLineCountメソッド
setScrollBarModeメソッド
setScrollBarsメソッド
setWordWrapメソッド
従来のテキストコントロール(GcTextBox)で複数行のテキスト入力を行っている場合は、V2.0Jではコントロールのインスタンスを生成するコードを以下のように修正してください
(修正前)var gcTextBox = new GC.InputMan.GcTextBox(HTML要素);
(修正後)var gcTextBox = new GC.InputMan.GcMultiLineTextBox(HTML要素);