DevExtreme Vue UI Selection Controls

DevExpressUI選択コントロールJavaScript

Vueユーザーインターフェース向けカスタマイズ可能な選択コントロール。

  • 単一、複数、すべて選択モードをサポート。
  • 直感的なアイテム選択のためのチェックボックスコントロールを含む。
  • プログラムによる選択管理のためのイベントとAPIを提供。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme Vue UI Selection Controls 商品画像
DevExtreme Vue UI Selection Controlsは、Vue.jsアプリケーション内で柔軟かつ強力な選択機能を提供します。これらのコンポーネントにより、開発者はリストの単一または複数アイテムの選択を実装でき、ユーザーの操作はクリックやチェックボックスで管理されます。包括的なAPIはリアクティブな状態管理とイベント処理をサポートし、最新のエンタープライズSPAにスムーズに統合されます。

選択モード

単一、複数、すべて、または無効の選択モードを設定して、アプリケーションのニーズに合わせた選択動作を実現します。開発者はUI要件に応じてモードを動的に切り替えることができます。

視覚的選択インジケーター

showSelectionControlsプロパティを使って、リストアイテムの横にチェックボックスを表示し、選択を明確に示します。これは特に全アイテム選択時のユーザビリティ向上に役立ちます。

ユーザー操作オプション

クリックやチェックボックスの切り替えによるアイテム選択の制御が可能です。チェックボックス操作のみで選択させたい場合は、アイテムのクリックによる選択を無効にできます。

すべて選択機能

selectAllModeプロパティにより、現在のページまたはすべてのページのアイテムを一括選択可能な「すべて選択」チェックボックスを実装できます。

プログラムによる選択

selectedItemKeysコレクションとselectItem/unselectItemメソッドを使用して、キーやインデックスでアイテムをプログラム的に選択・解除し、選択状態を細かく制御できます。

イベント処理

onSelectionChangedやonSelectAllValueChangedなどのイベントで選択変更に反応し、アプリケーション状態の更新やユーザー選択操作に対する副作用の発生をサポートします。

Vueフレームワークとの統合

提供されるバインディングやプロパティを使用し、Vueコンポーネントに選択コントロールをシームレスに統合。リアクティブなデータフローと宣言的なUI構築を支援します。

アクセシビリティと設定

アクセシビリティ属性を提供し、さまざまなユーザーのニーズに対応したアイテム選択体験を設定可能。すべてのユーザーにとって包括的なインターフェースを実現します。

製品の互換性

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

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • Vue.js