Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

概要

WPF TreeGridコントロールは、データ指向のコントロールで、自己関連データをマルチカラムツリービューのようなツリー構造ユーザーインターフェースに表示します。データはオンデマンドでロードできます。組み込みの行ドラッグアンドドロップ機能を使用して、親ノード間でアイテムを移動できます。その豊富な機能セットには、異なる列タイプでの編集、選択、チェックボックスを使用したノード選択、ソート、フィルタリングが含まれます。


データバインディング

  • 子のマッピングを指定して、階層データをバインドします。
  • 親と子のマッピングを指定して、自己関連データをツリー構造に表示します。
  • インバウンドモードのイベントを使用して、オンデマンドでデータをロードします。

WPF TreeGrid のデータバインディングの図解


編集

  • 日付ピッカーやコンボボックスなど、異なる列タイプで直感的なエディターを使用してセル値を編集します。
  • プログレスバーまたはレーティングなどのコントロールを埋め込んで、データを表示または編集します。
  • データオブジェクトが IEditableObject を実装している場合、変更をコミットまたはロールバックします。

WPF TreeGrid の日付ピッカーエディターによる編集


組み込みデータエラー表示と検証

セルを検証し、次の検証タイプに基づいてエラー情報を表示します: IDataErrorInfo, INotifyDataErrorInfo, データ注釈。 またはセル、行、列の検証を使用します。

WPF TreeGrid のデータ検証


データ形成

WPF TreeGrid の列の並べ替え

ソート

WPF TreeGridで複数のカスタマイズ操作を使用して、1つ以上の列に対してデータをソートします。カスタムロジックを作成してソートすることもできます。

WPF TreeGrid のフィルタリング

フィルタリング

直感的でExcel風の組み込みフィルタリングUIを使用するか、様々なフィルタレベルオプションでプログラム的にノードをフィルタリングします。


選択

ユーザーは広範なキーボードナビゲーションサポートを備えた行ベースの選択を実行できます。ユーザーは直感的なチェックボックスを使用して行を選択することもできます。

WPF TreeGrid の選択状態


列のサイズ変更

列幅は列またはヘッダーのコンテンツに基づいて調整(自動フィット)できます。WPFのツリーグリッドビューポート内にすべての列を配置します。


行と列のカスタマイズ

WPF TreeGrid の固定列

ペインの固定

Excelのように、ビューポートの左右に列を固定します。

WPF TreeGrid のスタック型ヘッダー

スタック型ヘッダー

スタック型ヘッダー(列ヘッダースパン)により、ユーザーはバウンドされていないヘッダー行を表示できます。スタック型ヘッダー列を複数の行と列にまたがらせます。

結合されたセルを表示する WPF TreeGrid

セルのマージ

隣接するセルのデータを動的にマージし、そのデータを単一のセルに表示します。カスタムロジックを作成してデータをマージすることもできます。


外観スタイル

WPF TreeGridとその内部要素(行、セル、列、ヘッダーなど)の外観をカスタマイズできます。

WPF TreeGrid の外観スタイル


行のドラッグアンドドロップ

直感的な行ドラッグアンドドロップUIを使用して、コントロール内またはコントロール間で行をドラッグします。

WPF TreeGrid の行ドラッグアンドドロップ


コンテキストメニュー

WPF TreeGridコントロールは、ユーザーインターフェースに機能を公開する完全にカスタムなコンテキストメニューを提供します。ユーザーは、レコード行、ヘッダー行、およびエキスパンダー行のコンテキストメニューを作成できます。

コンテキストメニューを表示する WPF TreeGrid


クリップボード操作

コントロール内、およびメモ帳やExcelなどの他のアプリケーション間で、カット、コピー、貼り付けなどのクリップボード操作を実行します。


MVVM

WPFツリーグリッドビューの必要なすべてのプロパティとコマンドをMVVMアプローチで使用する簡単で柔軟な方法です。


非同期ロード

WPF TreeGridは、オンデマンドでアイテムの非同期ロードを可能にします。この機能により、親と子の両方のアイテムが非同期でフェッチされ、スムーズでシームレスなユーザー体験が実現します。

WPF TreeGrid の非同期ロード


ローカライゼーション

WPF TreeGridのすべての静的なデフォルト文字列をサポートされている言語にローカライズします。

WPF TreeGrid のローカライゼーション


右から左(RTL)

ヘブライ語、アラビア語、ペルシャ語などの言語を使用しているユーザーのために、右から左(RTL)方向でテキストを表示します。

WPF TreeGrid の右から左モード


エクスポート

  • Microsoft Excel形式、PDF、CSVへのデータエクスポートのための豊富なオプションセット。
  • エクスポート操作をカスタマイズするための複数のオプション。

WPF TreeGrid のエクスポート図解


WPF TreeGridコード例

次に示すように、XAMLまたはC#コードのいくつかの簡単な行を使用して、WPF TreeGridを簡単に使い始めることができます。また、WPFでTreeGridをレンダリングして構成する方法を示すWPF TreeGridの例も確認してください。

<Window x:Class="NestedCollectionDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:NestedCollectionDemo"
        xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
        Title="MainWindow"
        Width="525"
        Height="350">
    <Window.DataContext>
        <local:ViewModel />
    </Window.DataContext>
    <Grid x:Name="Root_Grid">
        <syncfusion:SfTreeGrid Name="treeGrid"
                               ChildPropertyName="Children"
                               ItemsSource="{Binding PersonDetails}" />


    </Grid>
</Window>
using Syncfusion.UI.Xaml.TreeGrid;
namespace NestedCollectionDemo
{

    public partial class MainWindow : Window
    {

        public MainWindow()
        {
            InitializeComponent();
            SfTreeGrid treeGrid = new SfTreeGrid();
            ViewModel viewModel = new ViewModel();
            treeGrid.ItemsSource = viewModel.PersonDetails;
            treeGrid.ChildPropertyName = "Children";
            Root_Grid.Children.Add(treeGrid);
        }
    }    
}



155+ 以上のWPFコントロール

よくある質問

Syncfusion WPF TreeGridは以下を提供します:

  • IEnumerableインターフェースを実装する任意のコレクションをバインドするサポートを備えた柔軟なデータバインディング

  • イベントを通じてオンデマンドでデータがロードされるバウンドされていないモードのサポート。
  • 自己関連データを即座にロードしてツリー構造で表示し、豊富なUI相互作用を提供します。

  • 複雑な大規模アプリケーションの構築に適したカスタマイズオプション付きの多くの機能。

  • 様々な編集モードと組み込み検証ルールを使用したCRUD操作。

  • 高性能。
  • シンプルな構成とAPI。
  • タッチフレンドリーでレスポンシブなUI。
  • WPFのTreeGridを素早く開始するための広範なデモドキュメント

WPF TreeGridデモは以下から見つけることができます:

GitHub 場所

App center 場所

Microsoft 場所

いいえ、これは商用製品であり、有料ライセンスが必要です。ただし、年間総収入が$100万米ドル未満で、開発者が5人以下の企業や個人向けの無料コミュニティライセンスも利用可能です。

良い出発点は当社の包括的な使用開始ドキュメントです。

お客様は私たちを愛しています

優れたツール群と充実したサポートチームにより、Syncfusion® はお客様の開発時間を短縮します。
お客様の体験談の一部をご紹介します。

実際の成功事例を見る

世界中の開発者が複雑なプロジェクトを簡素化し、納期を短縮するために Syncfusion の Essential Studio を信頼しています。豊富な UI コントロール ライブラリ、強力な SDK、信頼できるサポートにより、Essential Studio はチームがエンタープライズ対応のアプリケーションを自信を持って構築できるよう支援します。

ケーススタディを探る


世界中のユーザーからの評価

無料評価バージョンをダウンロードしてアプリケーションを変革しましょう
無料トライアルのダウンロード クレジットカード不要。

受賞歴

偉大さ—自分で言うのではなく、他の人が認めるからこそ意味があります。 シンクフュージョンは以下の賞をいただきました。

Up arrow icon