Skip to main content ホーム クリエイター syncfusion maui-ui-components-skills syncfusion-maui-treeview
syncfusion-maui-treeview Implements and customize Syncfusion .NET MAUI TreeView (SfTreeView) for displaying hierarchical data structures. Use when working with TreeView, hierarchical data display, tree structures, organizational charts, nested data, expand/collapse nodes, file explorer UI, folder structures, parent-child relationships, or multi-level data visualization in .NET MAUI applications.
インストールへ移動 Skills Marketplace コミュニティが作成したAIスキルを発見・探索
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-treeviewコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Zipをダウンロード ダウンロード中... このリポジトリの他の Skills Implements Syncfusion .NET MAUI Chat (SfChat) control in .NET MAUI applications. Use when working with chat interfaces, messaging UI, conversational interfaces, chat bubbles, or message threads. Covers message types (text, image, calendar, card), data binding, events, suggestions, typing indicators, time breaks, and swiping actions.
syncfusion-maui-ai-assistview Implements Syncfusion .NET MAUI AI AssistView (SfAIAssistView) for AI-powered interactive chat interfaces. Use when working with AI chat interfaces, AI AssistView, SfAIAssistView, conversational UI, or chat with AI responses. Covers integrating AI services, creating chat UIs, implementing conversation flows, managing AI requests/responses, and displaying AI suggestions.
syncfusion-maui-accordion Implements Syncfusion .NET MAUI Accordion (SfAccordion) - a vertically collapsible panel with stacked headers for expanding/collapsing content. Use when working with accordions, collapsible panels, expandable lists, employee lists with details, or FAQ sections in .NET MAUI applications. Covers AccordionItem configuration, expand modes, and grouped content display.
name syncfusion-maui-treeview description Implements and customize Syncfusion .NET MAUI TreeView (SfTreeView) for displaying hierarchical data structures. Use when working with TreeView, hierarchical data display, tree structures, organizational charts, nested data, expand/collapse nodes, file explorer UI, folder structures, parent-child relationships, or multi-level data visualization in .NET MAUI applications. metadata {"author":"Syncfusion Inc","version":"34.1.29"}
Implementing Syncfusion .NET MAUI TreeView
The Syncfusion .NET MAUI TreeView (SfTreeView) is a powerful data-oriented control for displaying hierarchical data structures such as organizational charts, file systems, nested connections, and multi-level data. It provides intuitive expand/collapse functionality, multiple selection modes, drag-and-drop support, and extensive customization options.
When to Use This Skill
Use this skill when implementing:
Hierarchical Data Display : Organizational structures, file explorers, category trees, nested menusInteractive Tree Navigation : Expandable/collapsible nodes, multi-level browsingData Binding Scenarios : Bound mode with ItemsSource or unbound mode with manual nodesSelection Requirements : Single, multiple, or extended selection in tree structuresCustom Tree UI : Templated nodes, custom expanders, styled tree itemsAdvanced Tree Features : Drag-drop reordering, filtering, sorting, load on demandMVVM Applications : TreeView with commands, data binding, and ViewModel patterns
Component Overview
Key Capabilities:
Enhanced performance with optimized view-reusing strategy
Bound and unbound data modes
Multiple selection modes with keyboard navigation
Item and expander templating
Expand/collapse with animations
Drag-and-drop node reordering
Filtering and sorting support
Load on demand for large datasets
MVVM pattern support
RTL (right-to-left) support
Customizable appearance and styling
Documentation and Navigation Guide
Getting Started When to read: Setting up TreeView for the first time, initial configuration, basic implementation
Installing Syncfusion.Maui.TreeView NuGet package
Registering Syncfusion handler in MauiProgram.cs
Creating a basic TreeView control
First working example
Running and testing the application
Data Binding and Population When to read: Populating TreeView with data, choosing between bound/unbound modes, hierarchical data structures
Bound vs unbound modes comparison
Creating nodes without data source (unbound mode with TreeViewNode)
Data binding with ItemsSource (bound mode)
Defining hierarchical data models
Using HierarchyPropertyDescriptors for complex hierarchies
ChildPropertyName configuration
Self-relational data structures
ObservableCollection integration
Selection When to read: Implementing node selection, handling selection events, customizing selection appearance
Selection modes: Single, SingleDeselect, Multiple, Extended, None
SelectedItem, CurrentItem, and SelectedItems properties
SelectionChanging and SelectionChanged events
SelectionBackground and SelectionForeground customization
Keyboard navigation (WinUI, MacCatalyst)
Programmatic selection
Selection validation and cancellation
Node Expansion and Collapse When to read: Configuring expand/collapse behavior, handling expansion events, initial node states
AutoExpandMode options (None, AllNodes, RootNodes, specific levels)
ExpandActionTarget (Expander, Node)
Programmatic expand/collapse methods
NodeExpanding and NodeCollapsing events
IsExpanded property for individual nodes
Expand/collapse animations
Event cancellation and validation
Templating and Customization When to read: Customizing node appearance, creating custom expanders, designing tree item UI
ItemTemplate for node content customization
ExpanderTemplate for custom expand/collapse icons
ItemTemplateContextType (Node vs Data binding context)
DataTemplate creation and binding
Mixing images, text, and custom controls
Template selectors for conditional templates
Advanced templating patterns
Drag and Drop When to read: Enabling node reordering, implementing drag-drop functionality, customizing drag behavior
Enabling AllowDragging property
DragStarting, DragOver, and Drop events
Reordering nodes within the tree
Drag restrictions and validation
Visual feedback during drag operations
Custom drag templates
Handling drag between different levels
Filtering When to read: Filtering tree nodes, implementing search functionality, showing/hiding nodes based on criteria
FilterLevel property (Root, All, Extended)
Filter predicates and expressions
Filtering hierarchical data
Clearing and updating filters
Dynamic filtering with ObservableCollection
Performance considerations
Sorting When to read: Sorting tree nodes, custom sort logic, multi-level sorting
SortComparer configuration
Sorting hierarchical data at each level
Custom IComparer implementations
Ascending/descending order
Sorting with data binding
Performance optimization for large trees
Styling and Appearance When to read: Customizing visual appearance, adjusting spacing and indentation, applying themes
Item height customization (ItemHeight property)
Indentation settings for nested levels
Liquid glass effect styling
RTL (right-to-left) support
Background and foreground colors
Border and padding customization
Theme integration
MVVM Support When to read: Implementing TreeView with MVVM pattern, using commands and data binding
ViewModel setup for TreeView
INotifyPropertyChanged implementation
Command binding for node actions
Data-bound ItemsSource
Selection binding in MVVM
Event-to-command patterns
Best practices for MVVM architecture
Checkbox Support When to read: Adding checkboxes to nodes, handling checked/unchecked states, recursive checkbox modes
Checkbox in bound mode with CheckedItems
Checkbox in unbound mode with IsChecked property
CheckBoxMode property (Recursive, Cascade, None)
Working with checked items collection
Programmatic checkbox state management
Best practices for checkbox implementation
Load on Demand When to read: Implementing lazy loading of child nodes, handling large datasets, API-based hierarchies
Load on Demand implementation with LoadOnDemandCommand
ShowExpanderAnimation for loading feedback
PopulateChildNodes method
Avoiding duplicate loading
API-based lazy loading patterns
Performance optimization with lazy loading
Scrolling and Navigation When to read: Programmatic scrolling, bringing items into view, keyboard navigation
BringIntoView method with all overloads
Scroll position options (Start, Center, End, MakeVisible)
Scroll animation control
Horizontal scrolling configuration
Scrollbar visibility control
Keyboard navigation (arrow keys, Tab)
Events (Loaded, ItemTapped, ItemDoubleTapped, ItemRightTapped)
Item Height Customization When to read: Customizing node heights, dynamic sizing, content-based measurements
Static ItemHeight property
QueryNodeSize event for per-item heights
NodeSizeMode property (Dynamic vs None)
GetActualNodeHeight method
Dynamic height calculation
Performance considerations
Empty View When to read: Displaying empty states, customizing no-data UI, template-based empty views
Display string message when empty
Display custom views in empty state
EmptyViewTemplate for templated empty views
Trigger conditions for empty view
Binding in empty view templates
Search/filter empty state patterns
Advanced Features When to read: Implementing load on demand, performance optimization, advanced TreeView operations
Load on demand for large datasets
Empty view customization (EmptyView property)
Scrolling configuration and optimization
Working with TreeViewNode programmatically
Checkbox support
Events
Troubleshooting When to read: Debugging issues, resolving errors, optimization problems
Common TreeView issues and solutions
Performance troubleshooting
Data binding problems
Selection not working
Template rendering issues
Expand/collapse problems
Memory leaks and optimization
Best practices checklist
