4D Ajax Framework v11 デモ
Release 1 (11.1)
ツールバー
- ツールバーのダイナミックな表示
この例では、4D Ajax Framework’s JavaScript APIを使用して、追加・削除・検索などのツールバーオブジェクトを動的に表示する方法をお見せします。
事前定義クエリ
- 事前定義クエリの表示
4D Ajax Framework v11 Release 1では、事前定義クエリをタブおよびサイドバーで表示させることができます。この例ではデータオブジェクト内でクエリ表示オプションを設定、変更する方法をお見せします。
ヘッダとフッタ
- ヘッダ行およびフッタ行のコントロール
この例では4D Ajax Framework v11 Release 1の新しいコマンドをいくつか使用して、グリッドのヘッダやフッタ行をカスタマイズします。主要な変更は、グリッド中すべての行は行送りされたテキストを表示することができることです。
ドラッグ＆ドロップ
- オブジェクトのドラッグ＆ドロップ
4D Ajax Framework v11 Release 1のデータグリッドは、組み込みのドラッグ＆ドロップ機能を持ちます。この例では三つの異なる方法で、二つのデータグリッドオブジェクト間のドラッグ＆ドロップを処理します。
列操作
4D Ajax FrameworkのJavaScript APIを使用して、データグリッド上の列に様々な操作を行わせることができます:
- 列のロック
この例ではデータグリッド列をロックする方法を示します。この機能を使用すれば、ユーザが横スクロールを行う際にも、ロックされた列を常に表示させることができます。
- 列表示コントロール
この例では選択したデータグリッドの列を隠したり表示したりする方法をお見せします。
- 列のサイズ変更
この例ではデータグリッド列のサイズを変更する方法をお見せします。
セルのCSSスタイリング
- セルごとのスタイル設定
4D Ajax Framework v11 Release 1のデータグリッドは、セルごとのスタイル設定をサポートします。この機能を使用して、開発者はセル、行、列のスタイルを動的に変更・上書きできます。
インライン編集
- インライン編集の有効化と無効化
Data Grid 2.0では、データグリッドエリア上でレコードを更新することができます。この例では新しい三つのインライン編集コマンドをデモします。
画像のコントロール
- 画像ホバリングプレビュー
以前のバージョンでは、画像を見る場合まずクリックし、新しいウィンドウを開く必要がありました。 今バージョンでは、マウスポインタをリンクに重ねると、画像のプレビューを表示できます。
- 画像ホバリングイベント
この例では上記のホバリングデモを拡張し、画像のハンドリングにイベントを追加します。