DevExtreme React Data Editors

DevExpressデータ編集コントロールJavaScript

動的なデータ編集のための豊富な React コンポーネント。

  • グリッドおよびフォームでのデータの追加、更新、削除をサポート。
  • 複数の編集モード：行、セル、バッチ、フォーム、ポップアップ。
  • カスタマイズ可能なエディターと検証により、ユーザーの操作を最適化。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme React Data Editors 商品画像
DevExtreme React Data Editors は、レスポンシブでタッチ対応のデータ編集機能を実装するための多用途な React コンポーネントのセットを開発者に提供します。さまざまな編集モードをサポートし、React アプリケーションでのインラインおよびフォームベースの編集のシームレスな統合を促進し、複雑なデータセットを対話的に管理するのに適しています。

編集操作

ユーザーがデータ行を追加、更新、削除できるようにします。これらの操作は構成プロパティで制御し、データソースの機能との互換性を確保します。

編集モード

行、セル、バッチ、フォーム、ポップアップの複数の編集モードから選択できます。各モードは、ユーザーがデータ編集と保存をどのように操作するかについて異なる動作を提供します。

行編集モード

一度に1行のデータを編集し、各行ごとに明示的な保存およびキャンセルのコントロールが表示されます。変更はユーザーの確認時にのみ保存されます。

セルおよびバッチモード

セルモードではセルからフォーカスが外れた時点で変更が即座に保存されます。バッチモードでは編集をまとめて収集し、ユーザーのコマンドで一括保存します。

フォームおよびポップアップモード

編集可能なフィールドをフォームレイアウトやポップアップウィンドウ内に表示し、フォームグループやアイテムのカスタム配置による詳細なデータ入力を可能にします。

カスタムエディター設定

列のデータ型に基づいてエディターをカスタマイズします。特定の編集要件を満たすためにエディタータイプやイベントハンドラーをオーバーライドできます。

プログラムによるデータ操作

API メソッドを使用して行やセルをプログラムで追加、更新、削除し、高度な操作シナリオをサポートします。

検証とイベント

データ検証ルールを統合し、編集操作の前後のライフサイクルイベントを処理して、データの整合性を維持しユーザーの操作に対応します。

React 特有の機能

パフォーマンス最適化、完全な TypeScript サポート、および React エコシステムに合わせた状態管理が含まれています。

製品の互換性

以下の詳細を確認して、この製品が環境内でサポートされていることを確認してください。

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • React