編集可能な JavaScript の TreeGrid

グリッドやツリー ビューでデータを表示、編集できる基本コンポーネント

Excel ライクなグリッド機能

• セル内容の編集
• 行の振り分け
• 列の非表示、表示

• 行の追加、削除
• 行の背景色
• 列のサイズ調整

• ツール バー
• Ajax やページ/フォーム提出 (HTTP POST) により変更をサーバーに更新

TreeGrid 主な特長

選択、編集、書式設定

• Excel のような高度なセルの数式、演算機能
• 行や列、または両方にツリー機能の追加
• ウィンドウ枠を固定して列や行をロック
• テキスト、数字、チェック ボックス、テキスト領域、コンボ ボックス、画像、リンク、その他 HTML リンクなどさまざまなセル タイプに対応
• 型や書式設定文字列による表示や編集が可能な高度な形式の値
• 複数の編集マスク
• 編集中、編集後、保存前のセルの値の検証
• テキスト領域で複数ラインの編集
• Excel のようにひとつのセルや長方形範囲のセルにフォーカスを設定 (フォーカスしたセルのドラッグ可能)
• さまざまなセルの変更 (クリア、コピー、移動、塗りつぶし、貼り付け、検証)
• すべてのセルにコンボ ボックスの一覧リストを自動的に提案、実装
• マスター/詳細関係、同時に多数の異なるマスターや詳細なグリッドの表示
• TreeGrid セル内で入れ子状のグリッド (無制限な入れ子のレベル)
• レスポンシブ Web デザイン、定義した Media 規則をもとにビューポートの幅と高さに対してグリッドのレイアウトを変更
• 依存関係、リソース、概要、制約、動的更新を含むガント チャートの作成
• CSS スタイルによるグリッドのカスタマイズ
• JavaScript コードを一行も記述せずにグリッドを設計
• 高速な表示および操作が可能なグリッド

行・列の操作

• Ajax やページャー コンポーネントを使用した列を無制限に表示する豊富なページング機能 (列ページングも含む)
• 列の値に基づいて行を自動的にグループ化
• 編集可能かつ無制限なソース列を持つ 2 次元集計やデータ分析をするピボットテーブル
• Colspan や Rowspan、または両方においてセルの結合機能やユーザーによるスパン
• グリッド間での行の移動やコピー
• マウスのドラッグによる行のサイズ変更や行の内容を垂直に配置
• キーやマウスのクリック、またはドラッグによる行、列、セル範囲の選択 (事前に定義されたまたはカスタマイズされたアクションによる選択可能)
• マウス操作による列の移動、固定、固定解除
• 日付を選択できるカレンダー コンポーネント (日付の範囲や日付を繰り返し選択できる特別なダイアログ)
• Excel のようにマウスをドラッグするだけでセル値を自動入力

エクスポート

• 印刷設定や PDF ドキュメントへのエクスポート (豊富な PDF 設定やページの分割などの設定可能 )
• .xlsx、.xls、.csv ファイル、HTML テーブルの処理が可能なスプレッドシート プログラムや MS Excel へのエクスポート機能

その他機能

• Excel のような高度な絞り込み機能や式を利用した絞り込み機能
• サーバーとのデータ同期
• Adobe Flash、Microsoft SilverLight、カスタマイズされた JavaScript オブジェクトなど外部のオブジェクトの動的更新や表示
• JavaScript からグリッドをコントロールするためのイベントやメソッドを提供する高度な JavaScript API
• 高度な XML 入力や出力フォーマット (JSON フォーマットのサポートも含む)
• 完全にカスタマイズ可能なキーおよびマウス ナビゲーション アクション スキーマ
• スクリプト モジュール - 使用していないモジュールをスクリプトから削除しスクリプトの短縮
• すべての言語にローカライズ可能 (テキスト、日付、数字など)
• 中東の言語および Hirji 日付に対応した RTL バージョン
• CSS1 Strict および quirks モードのサポート (すべての <!DOCTYPE> 設定)

サポートされるブラウザー

Microsoft Internet Explorer
IE6、IE7、IE8、IE9、IE10、IE11
Microsoft Edge
IE12 - IE18

Mozilla Firefox
FF1.5 - FF89

Google Chrome
CH3 - CH91
Microsoft Edge
IE79 - IE91

Apple Safari
Mac OSX & Windows
S3 - S14

Opera
O9 - O12 (Presto)
O15 - 077 (WebKit)

Apple iOS
Safari Mobile
S4 - S14
CH / FF / UC

Android Mobile
CH / FF / UC / SI
A2 - A81

(その他、すべての Trident、Gecko、WebKit、Chromium、Blink エンジンのクローン)

JavaScript フレームワーク

TreeGrid パッケージには、JavaScript フレームワークで使用できるサンプルとドキュメントが含まれます。

• Angular (TypeScript)
• React (JavaScript / TypeScript)
• Vue (JavaScript / TypeScript)
• その他のフレームワーク (HTML、JavaScript)

TreeGrid は、サードパーティの JavaScript コードをサポートする、その他のクライアントサイドのフレームワークでも使用できます。

サーバーサイド サポート

TreeGrid パッケージには、サーバーサイド スクリプトの定義済みコードやサンプルが含まれます。

• NodeJS (JavaScript)
• ASP.NET (C#、Visual Basic)
• JSP (Java)
• PHP
• HTML (その他すべて)

TreeGrid は、XML や JSON データを処理できるその他のサーバー スクリプト環境でも使用できます。

ページトップへ