JavaScript入力ライブラリ

3つの表示モード

コメントコンポーネントはコメントの表示モードとして、コメントをフラットな形式で表示するリストモード。コメントを階層的な形式で表示するスレッドモード。コメントを会話形式で表示するチャットモードの3種が利用可能です。

入力エディタを選択可能

コメントコンポーネントにおけるコメントの入力には標準HTML要素だけでなく、テキストコントロールや複数行テキストコントロール、リッチテキストエディタコントロールなど、InputManJSの高機能なコントロールをエディタとして使用することができます。

さまざまなアクションに対応

コメントコンポーネントでは投稿したコメントに対して返信、修正、削除といったアクションが可能なほか、絵文字を使ったリアクションにも対応します。また、独自の処理を実装したカスタムのアクションも追加できます。

サーバー連携用のインターフェースを用意

コメントコンポーネントはサーバー（データベース）側との連携のためのインターフェースを用意しています。APIを介してコメントコンポーネントとデータベースとの双方向のデータバインディングを実現します。

さまざまなUIコンポーネントと連携

コメントコンポーネントをさまざまなUIコンポーネントと組み合わせて使うことでコラボレーションツールのようなコミュニケーションや情報共有のためのアプリケーションが開発できます。デモサイトではWijmoのTabPanelコントロールを利用した、社内のコミュニケーション用のチャットアプリケーションのサンプルも公開しています。

「チャットアプリ」のサンプルを見る

入力支援ボタン

テキスト、複数行テキスト、コンボ、マスク、日付時刻、数値コントロールでは、コントロール内にさまざまな入力支援ボタンを追加することができます。入力内容を瞬時にリセットできるクリアボタン、少ない領域で入力項目の説明が可能なヘルプボタン、住所や連絡先情報の転用など、手間のかかる情報の再入力を支援するコピーボタンといった多彩な機能を提供します。

スピン機能

日付時刻、数値、マスク、コンボコントロールでは、値を増減するスピンボタンを表示することができます。上下矢印キーでのスピン動作の有効／無効やスピンボタンによる値の増減量を指定できます。

スライダー入力

数値コントロールではスライダーで数値を入力することができます。エンドユーザーが入力値を視覚的に理解しやすく、入力範囲の制限も簡単です。また、ボックス内、ボックス外へのスライダーの表示位置の調整、目盛りの表示など、多数の機能がプロパティの設定だけで簡単に使用できます。

未入力時の代替テキスト

値が入力されてないとき、ウォーターマークを表示できます。数値コントロールでは、ゼロとNull値で異なるメッセージを表示することも可能。さらに日付時刻コントロールでは、和暦で表示できない日付が入力された際の代替テキストも表示できます。

タグボックス

タグボックスコントロールを使えばドロップダウンリストから項目をタグラベルとして選択、または直接入力することができます。入力したタグにあわせて画像を表示したり、テンプレート機能を使用して画像を含むリストからタグ入力したりなど、グラフィカルなタグ入力にも対応します。

カレンダーと日付時刻ピッカー

日付時刻コントロールには、視認性や操作性を高めて入力をサポートするドロップダウンのカレンダーと日付時刻ピッカーが搭載されています。

ドロップダウンカレンダーでは和暦や複数月の表示、休日や祝日の表示スタイル変更などが可能です。また、見やすいUIで日付と時刻を選択できる日付時刻ピッカーは、タッチでのスワイプ操作にも対応しています。要件に応じて使い分けていただくことで、ユーザーに快適な入力体験を提供できます。

多彩な数値入力

数値コントロールではドロップダウンスライダーによるスライダー入力が可能なほか、数値パッドや電卓といったコントロールをドロップダウン表示して入力することもできます。タッチによる入力にも対応しており、モバイル環境でもストレスフリーな入力を実現します。

ドロップダウンプラグイン

InputManJSのコントロールをテキスト表示部、お使いのJavaScriptライブラリやHTML要素をドロップダウン部として、自由なドロップダウン付きコントロールを実現することができる「ドロップダウンプラグイン」を搭載しています。

ドロップダウン部での様々なデータ表現はもちろんのこと、テキスト表示部でGcTextBoxコントロールやGcMaskコントロールの機能を活用にすることにより、直接入力したデータやドロップダウンで選択したデータを文字種制限したり書式設定したりして表示することが可能です。