@ -1,139 +0,0 @@ |
|||
# Advanced DataGrid |
|||
|
|||
The normal datagrid included in both the Community and Plus Edition of Extended WPF Toolkit is a rock-solid, high performance product with zero-lag data virtualization, the ability to handle large datasets, and with many core features. Xceed offers an advanced version of this datagrid with certain added features. You can purchase it separately, or try it for 45 days by clicking the 'Try it now' button [here](https://xceed.com/xceed-datagrid-for-wpf/), but it is also included in the [Xceed Business Suite for WPF](https://xceed.com/xceed-business-suite-for-wpf/) as well. |
|||
|
|||
The advanced version of the DataGrid includes the following additional features: |
|||
|
|||
* [Master / Detail View](#masterdetailview) |
|||
* [Tree Grid View](#treegridview) |
|||
* [Card View](#cardview) |
|||
* [3D View](#3dview) |
|||
* [Filter Row](#filterrow) |
|||
* [Insertion Row](#insertionrow) |
|||
* [Auto-filter Popup](#autofilterpopup) |
|||
* [Statistics Rows and Summary Rows](#statrows) |
|||
* [Print / Preview](#printpreview) |
|||
* [Exporting (CSV, Excel, etc.)](#exporting) |
|||
* [Column Chooser](#columnchooser) |
|||
* [Column Splitter Control](#columnsplittercontrol) |
|||
* [Persist User Settings](#persistusersettings) |
|||
* [Merged Column Headers](#mergedcolumnheaders) + dialog box for end-user to manage them |
|||
* [Design-time Support](#designtimesupport) |
|||
* [Excel-like Drag-to-Select Rows and Cells](#exceldragtoselect) |
|||
* [Asynchronous Binding Mode](#asyncbindingmode) |
|||
* [Flexible Row](#flexiblerow) |
|||
{anchor:masterdetailview} |
|||
## Master / Detail View |
|||
|
|||
When a grid is in a table-view layout, its data items can display detail data that is usually provided by the detail descriptions defined in the DataGridCollectionView or DataGridCollectionViewSource to which the grid is bound. By default, detail descriptions are automatically created for most detail relation types; however, they can also be explicitly defined. |
|||
|
|||
 |
|||
{anchor:treegridview} |
|||
## Tree Grid View |
|||
|
|||
Represents a table-view layout similar to TableflowView, in which rows are laid out horizontally as in traditional grid-like styles, but detail columns are aligned with the columns of the master, and one column displays data using a tree-structure. |
|||
|
|||
Like TableflowView, it provides animated smooth scrolling, sticky group headers and sticky master-detail master row and headers, full-column animated drag and drop reordering. |
|||
|
|||
 |
|||
{anchor:cardview} |
|||
## Card View |
|||
|
|||
The CardView and CompactCardView classes provide card-view layouts for the data items in a grid. Either layout can be used to display data items as cards; however, the compact card-view layout applies well when a database has many columns but few of the fields contain data. In this case, the fields that do not contain data will not be displayed in the cards, giving them a more compact appearance. |
|||
|
|||
 |
|||
{anchor:3dview} |
|||
## 3D View |
|||
|
|||
The Cardflow™ 3D view, which is represented by the CardflowView3D class, provides a 3-dimensional card-view layout for the data items in a grid and allows various card "surfaces" to display data using customized, theme-defined surface configurations. |
|||
|
|||
 |
|||
{anchor:filterrow} |
|||
## Filter Row |
|||
|
|||
The FilterRow class represents a row in which values can be entered to filter the items in the corresponding columns. Custom type columns can also be filtered if they provide a TypeConverter (from string) and implement IComparable. |
|||
|
|||
 |
|||
{anchor:insertionrow} |
|||
## Insertion Row |
|||
|
|||
The InsertionRow class represents a row in which values can be entered to insert a new item to the grid. |
|||
|
|||
 |
|||
{anchor:autofilterpopup} |
|||
## Auto-filter Popup |
|||
|
|||
In addition to the native CollectionView filtering, the DataGridCollectionView and DataGridDetailDescription classes also support automatic filtering, which provides Excel-like end-user filtering according to the distinct values of each column. Automatic filtering can be enabled by setting the AutoFilterMode property to And or Or (by default, None), indicating whether data items will be filtered according to all or at least one of the filtering criteria defined by each column's auto-filter control. The DistinctValuesConstraint property can also be set to determine if the distinct values are to be filtered according to the result of previous auto-filtering operations. |
|||
|
|||
 |
|||
{anchor:statrows} |
|||
## Statistics Rows and Summary Rows |
|||
|
|||
The StatRow class represents a row that can be used to display statistical results. |
|||
|
|||
 |
|||
{anchor:printpreview} |
|||
## Print / Preview |
|||
|
|||
The appearance of a grid when it is printed or exported is determined by the view assigned to a grid's PrintView property and the theme assigned to the view's Theme property. When a grid is printed using the default view and theme, the resulting pages will not have headers or footers and only a column-manager row will be contained in a grid's fixed-header section regardless of the configuration of the runtime grid. |
|||
|
|||
The ShowPrintPreviewWindow and ShowPrintPreviewPopup methods provide print preview capabilities. ShowPrintPreviewPopup should be used when the application is being deployed as an XBAP, as XBAP applications cannot open new windows. |
|||
{anchor:exporting} |
|||
## Exporting (CSV, Excel, etc.) |
|||
|
|||
Xceed DataGrid for WPF supports exporting to the XML spreadsheet format (xmlss). These files can be loaded in Excel 2002 and up as well as through the Microsoft Office XP Web Components Spreadsheet Component. The DataGrid also supports exporting to the CSV format, which is compatible with a wide variety of applications. |
|||
|
|||
The DataGridControl class also exposes the ExportToXps method, which allows a grid to be exported as an XPS document. |
|||
{anchor:columnchooser} |
|||
## Column Chooser |
|||
|
|||
The columns that are displayed in a grid can be chosen by the user through the column-chooser context menu, which can be enabled by setting the AllowColumnChooser defined on the view to true. A column's ShowInColumnChooser property determines whether a column's title is displayed in the menu, allowing its visibility to be manipulated by an end user. By default, the column-chooser context menu displays the titles of the columns in the same order as the they are positioned; however, through the ColumnChooserSortOrder property, the order can be changed to sort the titles alphabetically. |
|||
|
|||
 |
|||
|
|||
Instead of the default context menu style (shown above), the built-in dialog control can be used for a different look/behavior (shown below). A third option is to provide a custom look to the context menu. |
|||
|
|||
 |
|||
{anchor:columnsplittercontrol} |
|||
## Column Splitter Control |
|||
|
|||
When a grid is in a table-view layout, the first n columns can be fixed so that they do not scroll with the grid content. Fixed columns are separated from their scrollable counterparts by a fixed-column splitter, which can be dragged to add or remove fixed columns. Likewise, column-manager cells can be dragged to the left or right of the fixed-column splitter to add or remove fixed columns. The appearance of the fixed-column splitter can be defined for each row type. |
|||
|
|||
 |
|||
{anchor:persistusersettings} |
|||
## Persist User Settings |
|||
|
|||
The settings of a grid and its elements can be persisted and re-applied using the SaveUserSettings and LoadUserSettings methods, respectively. By default, column widths, visibilities, positions, and fixed-column counts as well as grouping and sorting criteria are persisted; merged columns, their positions, and their visibilities can also be persisted. However, these settings can be modified when calling the SaveUserSettings and LoadUserSettings methods. |
|||
|
|||
 |
|||
{anchor:mergedcolumnheaders} |
|||
## Merged Column Headers |
|||
|
|||
Merged column headers can be used to present data more clearly and logically. They are displayed in the FixedHeaders section of a grid. Columns can be grouped ("merged") under these merged headers, as can other groups of columns. Merged headers and their columns can be moved (drag-and-drop, programmatically) and removed / added back. |
|||
|
|||
 |
|||
{anchor:designtimesupport} |
|||
## Design-time Support |
|||
|
|||
Xceed DataGrid for WPF provides design-time support for Visual Studio and Expression Blend. In Visual Studio, the DataGridControl control will appear in the toolbox under the Xceed tab and can be added to the design surface by double-clicking on the control or through drag and drop. It's properties can then be modified through the Visual Studio property grid or by using the Xceed DataGrid for WPF Configuration Window. |
|||
|
|||
 |
|||
{anchor:exceldragtoselect} |
|||
## Excel-like Drag-to-Select Rows and Cells |
|||
|
|||
The datagrid allows users to select multiple items or cells using Left-Click and then dragging the mouse within the datagrid. This allows range selection to be performed without having to hold the Shift key on the keyboard. |
|||
|
|||
To activate this feature, set the DataGrid's AllowDrag property to true, and the DragBehavior property to "Select". The View must be a valid instance or subclass of TableView (ex. TableFlowView, TreeGridflowView). |
|||
{anchor:asyncbindingmode} |
|||
## Asynchronous Binding Mode |
|||
|
|||
The IsAsync property can be used when the get accessor of your binding source property might take a long time. One example is an image property with a get accessor that downloads from the Web. Setting IsAsync to true avoids blocking the UI while the download occurs. |
|||
|
|||
While waiting for the value to arrive, the binding reports the value set on the FallbackValue property, if one is available, or the default value of the binding target property. |
|||
{anchor:flexiblerow} |
|||
## Flexible Row |
|||
|
|||
The FlexibleRow class represents a row that can be put inside any header or footer, and can display content that is not bound or related to the grid's data source. |
|||
|
|||
 |
|||
--- |
|||
|
Before Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 152 KiB |
|
Before Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 185 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 88 KiB |
|
Before Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 135 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 42 KiB |
@ -1,53 +0,0 @@ |
|||
# AnimatedTimelinePanel |
|||
_Only available in the Plus Edition_ |
|||
|
|||
Derives from AnimationPanel |
|||
|
|||
Defines an area where items are positioned on a timeline. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| * | All the Properties from [Canvas](Canvas) Panel |
|||
| BeginDate | Gets or sets the date corresponding to the beginning of the TimelinePanel. |
|||
| CanHorizontallyScroll | Gets or sets if the horizontal scrolling is enabled. |
|||
| CanVerticallyScroll | Gets or sets if the vertical scrolling is enabled. |
|||
| Date (attached) | Gets or sets the Date of a children. |
|||
| DateEnd (attached) | Gets or sets the end Date of a children. |
|||
| EndDate | Gets or sets the date corresponding to the end of the AnimatedTimelinePanel. |
|||
| ExtendHeight | Gets the Height extended for the panel. |
|||
| ExtendWidth | Gets the Width extended for the panel. |
|||
| HorizontalOffset | Gets the horizontal offset for the panel. |
|||
| KeepOriginalOrderForOverlap | Gets or sets if the orginal order should be kept when overlapping occurs. |
|||
| Orientation | Gets or sets the orientation (Vertical/Horizontal) of the Panel. |
|||
| OverlapBehavior | Gets or sets the OverlapBehavior dependency property. |
|||
| ScrollOwner | Gets or sets the ScrollViewer. |
|||
| UnitSize | Gets or sets the size of one unit. |
|||
| UnitTimeSpan | Gets or sets the TimeSpan for one unit. |
|||
| VerticalOffset | Gets the Vertical offset. |
|||
| ViewportHeight | Gets the height of the viewport. |
|||
| ViewportWidth | Gets the width of the viewport. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| * | All the Events from [Canvas](Canvas) Panel |
|||
|
|||
## Methods |
|||
|| Method || Description |
|||
| LineDown() | Sets Vertical offset down by one. |
|||
| LineLeft() | Sets Horizontal offset left by one. |
|||
| LineUp() | Sets Vertical offset up by one. |
|||
| LineRight() | Sets Horizontal offset right by one. |
|||
| MakeVisible( Visual visual, Rect rectangle ) | show a children of the panel. |
|||
| MouseWheelDown() | Sets Vertical offset down by SystemParameters.WheelScrollLines. |
|||
| MouseWheelLeft() | Sets Horizontal offset left by SystemParameters.WheelScrollLines. |
|||
| MouseWheelUp() | Sets Vertical offset up by SystemParameters.WheelScrollLines. |
|||
| MouseWheelRight() | Sets Horizontal offset right by SystemParameters.WheelScrollLines. |
|||
| PageDown() | Sets Vertical offset down by page. |
|||
| PageLeft() | Sets Horizontal offset left by page. |
|||
| PageUp() | Sets Vertical offset up by page. |
|||
| PageRight() | Sets Horizontal offset right by page. |
|||
| SetHorizontalOffset( double offset ) | Sets the Horizontal offset. |
|||
| SetVerticalOffset( double offset ) | Sets the Vertical offset. |
|||
--- |
|||
|
Before Width: | Height: | Size: 22 KiB |
@ -1,32 +0,0 @@ |
|||
# Area |
|||
_Only available in the Plus Edition_ |
|||
|
|||
Derives from Panel |
|||
|
|||
Used to display charts and a grid with axes and labels. Use the [Series](Series) property to specify the list of DataPoints. |
|||
|
|||
* [Series](Series) |
|||
* [Axis](Axis) |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| Title | Gets or sets Area title. |
|||
| XAxis | Gets or sets X axis. |
|||
| YAxis | Gets or sets Y axis. |
|||
| Series | Gets or sets list of Series. |
|||
| LayoutBounds | Gets layout bounds for series interior. |
|||
| BackgroundTemplate | Gets or sets data template for grid representation. |
|||
|
|||
## Methods |
|||
|| Method|| Description |
|||
| GetSeriesLayoutBounds() | Calculates layout bounds without tick and tittle labels. |
|||
| Invalidate() | Invalidates Area and all it's children. |
|||
| GetActualPoint( Point point ) | Converts point in user logic coordinates into actual pixels point. |
|||
| GetActualPoint( DataPoint point ) | Converts DataPoint into actual pixels point. |
|||
| HighlightSeries( Series series, bool highlighted ) | Sets highlighted state for specified series. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| LegendRefresh | Raised when need legend items refresh. |
|||
|
|||
--- |
|||
@ -1,119 +0,0 @@ |
|||
# AutoSelectTextBox |
|||
|
|||
Derives from TextBox |
|||
|
|||
AutoSelectTextBox is a control whose content is selected when it receives the focus. It also performs automatic focus navigation when the caret reaches the extremities of the text range. |
|||
|
|||
## Usage |
|||
|
|||
**XAML** |
|||
|
|||
{{ |
|||
<sample:DemoView x:Class="Samples.Modules.Text.Views.AutoSelectTextBoxView" |
|||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
|||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
|||
xmlns:sample="clr-namespace:Samples.Infrastructure.Controls;assembly=Samples.Infrastructure" |
|||
xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit" |
|||
Title="AutoSelectTextBox" |
|||
Description="The AutoSelectTextBox allows the text content to be selected when the control get the focus. It also allows the Focus navigation behavior within the control to be affected."> |
|||
<StackPanel> |
|||
<StackPanel.Resources> |
|||
<Style TargetType="{x:Type xctk:AutoSelectTextBox}"> |
|||
<Setter Property="Margin" Value="5"/> |
|||
<Setter Property="AutoSelectBehavior" Value="{Binding SelectedItem, ElementName=_autoSelectBehavior}"/> |
|||
<Setter Property="AutoMoveFocus" Value="{Binding IsChecked, ElementName=_autoMoveFocus}"/> |
|||
</Style> |
|||
</StackPanel.Resources> |
|||
|
|||
<!-- FEATURES GROUP BOX --> |
|||
<GroupBox Header="Features" > |
|||
<Grid Margin="5"> |
|||
<Grid.ColumnDefinitions> |
|||
<ColumnDefinition /> |
|||
<ColumnDefinition /> |
|||
</Grid.ColumnDefinitions> |
|||
<StackPanel Orientation="Horizontal" Grid.Column="0"> |
|||
<TextBlock Grid.Row="0" Grid.Column="0" Text="AutoSelectBehavior: " VerticalAlignment="Center" /> |
|||
<ComboBox Grid.Row="0" Grid.Column="1" x:Name="_autoSelectBehavior" SelectedIndex="1" Width="100" VerticalAlignment="Center"> |
|||
<x:StaticExtension Member="xctk:AutoSelectBehavior.Never" /> |
|||
<x:StaticExtension Member="xctk:AutoSelectBehavior.OnFocus" /> |
|||
</ComboBox> |
|||
</StackPanel> |
|||
<StackPanel Orientation="Horizontal" Grid.Column="1"> |
|||
<TextBlock Grid.Row="0" Grid.Column="2" Text="AutoMoveFocus: " VerticalAlignment="Center" /> |
|||
<CheckBox Grid.Row="0" Grid.Column="3" x:Name="_autoMoveFocus" IsChecked="True" VerticalAlignment="Center"/> |
|||
</StackPanel> |
|||
</Grid> |
|||
</GroupBox> |
|||
|
|||
<StackPanel> |
|||
<TextBlock Text="Usage:" Style="{StaticResource Header}"/> |
|||
<RichTextBox IsReadOnly="True" BorderThickness="0"> |
|||
<FlowDocument> |
|||
<Paragraph> |
|||
<Bold>AutoSelectBehavior:</Bold> |
|||
<LineBreak/> |
|||
The value of the "AutoSelectBehavior" property determines whether the content of the AutoSelectTextBox will be selected or not when the control gets the focus. |
|||
<LineBreak/> |
|||
<LineBreak/> |
|||
<Bold>AutoMoveFocus:</Bold> |
|||
<LineBreak/> |
|||
<Italic>Effect with "MaxLength" property:</Italic> |
|||
<LineBreak/> |
|||
<LineBreak/> |
|||
Setting the "MaxLength" of the text box allows the focus to move from the AutoSelectTextBox once the max length has been reached. |
|||
In the following "Telephone Number" fields, the "MaxLength" properties of the controls have been set to 3, 3, and 4. |
|||
</Paragraph> |
|||
</FlowDocument> |
|||
</RichTextBox> |
|||
|
|||
<!-- PHONE NUMBER FIELDS --> |
|||
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center"> |
|||
<TextBlock Text="(" VerticalAlignment="Center"/> |
|||
<xctk:AutoSelectTextBox MaxLength="3" Width="30" Text="555"/> |
|||
<TextBlock Text=")" VerticalAlignment="Center"/> |
|||
<xctk:AutoSelectTextBox MaxLength="3" Width="30" Text="555"/> |
|||
<TextBlock Text="-" VerticalAlignment="Center"/> |
|||
<xctk:AutoSelectTextBox MaxLength="4" Width="40" Text="5555"/> |
|||
</StackPanel> |
|||
<RichTextBox IsReadOnly="True" BorderThickness="0"> |
|||
<FlowDocument> |
|||
<Paragraph> |
|||
<Italic>Effect with Arrow keys</Italic> |
|||
<LineBreak/> |
|||
<LineBreak/> |
|||
Setting "AutoMoveFocus" to true also allows navigating the focus through the controls using the arrow keys to move the focus up, down, left, or right. |
|||
You are no longer limited to the "left-right" navigation of the "Tab, Shift-Tab" keys. |
|||
</Paragraph> |
|||
</FlowDocument> |
|||
</RichTextBox> |
|||
|
|||
<!-- TEXTBOX MATRIX --> |
|||
<StackPanel Orientation="Vertical" HorizontalAlignment="Center"> |
|||
<StackPanel Orientation="Horizontal"> |
|||
<xctk:AutoSelectTextBox Text="Text1" Width="100" /> |
|||
<xctk:AutoSelectTextBox Text="Text2" Width="100"/> |
|||
<xctk:AutoSelectTextBox Text="Text3" Width="100"/> |
|||
</StackPanel> |
|||
<StackPanel Orientation="Horizontal"> |
|||
<xctk:AutoSelectTextBox Text="Text4" Width="100"/> |
|||
<xctk:AutoSelectTextBox Text="Text5" Width="100"/> |
|||
<xctk:AutoSelectTextBox Text="Text6" Width="100"/> |
|||
</StackPanel> |
|||
<StackPanel Orientation="Horizontal"> |
|||
<xctk:AutoSelectTextBox Text="Text7" Width="100"/> |
|||
<xctk:AutoSelectTextBox Text="Text8" Width="100"/> |
|||
<xctk:AutoSelectTextBox Text="Text9" Width="100"/> |
|||
</StackPanel> |
|||
</StackPanel> |
|||
</StackPanel> |
|||
</StackPanel> |
|||
</sample:DemoView> |
|||
}} |
|||
## Properties |
|||
|| Property || Description |
|||
| AutoMoveFocus | Gets or sets a value indicating if the focus can navigate in the appropriate flow direction (e.g., from one cell to another when a cell is being edited) when the cursor is at the beginning or end of the auto-select text box. |
|||
| AutoSelectBehavior | Gets or sets a value indicating how the content of the auto-select text box is selected (Never or OnFocus). By default, Never. |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
@ -1,20 +0,0 @@ |
|||
# AutoStretchStackPanel |
|||
_Only available in the Plus Edition_ |
|||
|
|||
Derives from AnimationPanel |
|||
|
|||
This panel stretches the children in the orientation direction so that they completely fill the panel area. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| * | All the Properties from [Canvas](Canvas) Panel |
|||
| IsChildrenreversed | Gets or sets the IsChildOrderReversed property. This dependency property indicates whether the children are laid out from left to right (or top to bottom for a vertical orientation), as a normal stack panel is, or whether the stack is inverted and laid out from right to left (or bottom to top for a vertical orientation). |
|||
| GapRatio | Gets or sets the GapRatio property. This dependency property indicates the size of the gap between items as a ratio to the item size, itself. |
|||
| Orientation | Gets or sets the Orientation property. This dependency property indicates the orientation direction in which items are arranged in the panel. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| * | All the Events from [Canvas](Canvas) Panel. |
|||
--- |
|||
|
Before Width: | Height: | Size: 10 KiB |
@ -1,169 +0,0 @@ |
|||
# AvalonDock (docking window control) |
|||
|
|||
AvalonDock provides a system that allow developers to create customizable layouts using a window docking system similar to what is found in many popular integrated development environments (IDEs). |
|||
|
|||
AvalonDock adheres to an MVVM design. The Model is represented by the classes contained in the Xceed.Wpf.AvalonDock.Layout namespace. The classes in this namespace are the layout elements in a layout model (for example LayoutAnchorable/LayoutDocument, LayoutAnchorablePane/LayoutDocumentPane, LayoutAnchorablePaneGroup/LayoutDocumentPaneGroup, etc.) that are used directly in XAML within a DockingManager to describe how the layout is composed. |
|||
|
|||
* [DockingManager class](#dockingmanager_class) |
|||
* [Layout model classes](#layout_model_classes) |
|||
|
|||
 |
|||
|
|||
The following example shows how to set up various layout elements in a DockingManager. |
|||
|
|||
{{ |
|||
<local:DemoView x:Class="LiveExplorer.Samples.AvalonDock.Views.AvalonDockView" |
|||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
|||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
|||
xmlns:local="clr-namespace:LiveExplorer" |
|||
xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit" |
|||
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|||
xmlns:s="clr-namespace:System;assembly=mscorlib"> |
|||
<Grid> |
|||
<Grid.RowDefinitions> |
|||
<RowDefinition Height="Auto" /> |
|||
<RowDefinition Height="*" /> |
|||
</Grid.RowDefinitions> |
|||
|
|||
<StackPanel Orientation="Horizontal" Margin="0,0,0,10"> |
|||
<TextBlock Text="Theme:" Margin="0,0,10,0" VerticalAlignment="Center"/> |
|||
<ComboBox x:Name="_themeCombo" SelectedIndex="0" Width="200"> |
|||
<ComboBoxItem Content="Generic" /> |
|||
<ComboBoxItem Content="Aero"> |
|||
<ComboBoxItem.Tag> |
|||
<xcad:AeroTheme /> |
|||
</ComboBoxItem.Tag> |
|||
</ComboBoxItem> |
|||
<ComboBoxItem Content="VS2010"> |
|||
<ComboBoxItem.Tag> |
|||
<xcad:VS2010Theme /> |
|||
</ComboBoxItem.Tag> |
|||
</ComboBoxItem> |
|||
<ComboBoxItem Content="Metro"> |
|||
<ComboBoxItem.Tag> |
|||
<xcad:MetroTheme /> |
|||
</ComboBoxItem.Tag> |
|||
</ComboBoxItem> |
|||
</ComboBox> |
|||
</StackPanel> |
|||
|
|||
<xcad:DockingManager Grid.Row="1" MaxHeight="425" |
|||
AllowMixedOrientation="True" |
|||
BorderBrush="Black" |
|||
BorderThickness="1" |
|||
Theme="{Binding ElementName=_themeCombo, Path=SelectedItem.Tag}"> |
|||
<xcad:DockingManager.DocumentHeaderTemplate> |
|||
<DataTemplate> |
|||
<StackPanel Orientation="Horizontal"> |
|||
<Image Source="{Binding IconSource}" Margin="0,0,4,0"/> |
|||
<TextBlock Text="{Binding Title}" /> |
|||
</StackPanel> |
|||
</DataTemplate> |
|||
</xcad:DockingManager.DocumentHeaderTemplate> |
|||
<xcad:LayoutRoot x:Name="_layoutRoot"> |
|||
<xcad:LayoutPanel Orientation="Horizontal"> |
|||
<xcad:LayoutAnchorablePane DockWidth="200"> |
|||
<xcad:LayoutAnchorable ContentId="properties" Title="Properties" CanHide="False" CanClose="False" |
|||
AutoHideWidth="240" |
|||
IconSource="../Images/property-blue.png"> |
|||
<xctk:PropertyGrid NameColumnWidth="110" |
|||
SelectedObject="{Binding ElementName=_layoutRoot, Path=LastFocusedDocument.Content}"/> |
|||
</xcad:LayoutAnchorable> |
|||
</xcad:LayoutAnchorablePane> |
|||
<xcad:LayoutDocumentPaneGroup > |
|||
<xcad:LayoutDocumentPane> |
|||
<xcad:LayoutDocument ContentId="document1" Title="Document 1" IconSource="../Images/document.png" > |
|||
<Button Content="Document 1 Content" HorizontalAlignment="Center" VerticalAlignment="Center"/> |
|||
</xcad:LayoutDocument> |
|||
<xcad:LayoutDocument ContentId="document2" Title="Document 2" IconSource="../Images/document.png"> |
|||
<TextBox Text="Document 2 Content" AcceptsReturn="True"/> |
|||
</xcad:LayoutDocument> |
|||
</xcad:LayoutDocumentPane> |
|||
</xcad:LayoutDocumentPaneGroup > |
|||
<xcad:LayoutAnchorablePaneGroup DockWidth="125"> |
|||
<xcad:LayoutAnchorablePane> |
|||
<xcad:LayoutAnchorable ContentId="alarms" Title="Alarms" IconSource="../Images/alarm-clock-blue.png" > |
|||
<ListBox> |
|||
<s:String>Alarm 1</s:String> |
|||
<s:String>Alarm 2</s:String> |
|||
<s:String>Alarm 3</s:String> |
|||
</ListBox> |
|||
</xcad:LayoutAnchorable> |
|||
<xcad:LayoutAnchorable ContentId="journal" Title="Journal" > |
|||
<RichTextBox> |
|||
<FlowDocument> |
|||
<Paragraph FontSize="14" FontFamily="Segoe"> |
|||
This is the content of the Journal Pane. |
|||
<LineBreak/> |
|||
A |
|||
<Bold>RichTextBox</Bold> has been added here |
|||
</Paragraph> |
|||
</FlowDocument> |
|||
</RichTextBox> |
|||
</xcad:LayoutAnchorable> |
|||
</xcad:LayoutAnchorablePane> |
|||
</xcad:LayoutAnchorablePaneGroup> |
|||
</xcad:LayoutPanel> |
|||
|
|||
<xcad:LayoutRoot.LeftSide> |
|||
<xcad:LayoutAnchorSide> |
|||
<xcad:LayoutAnchorGroup> |
|||
<xcad:LayoutAnchorable Title="Agenda" ContentId="agenda" IconSource="../Images/address-book-open.png"> |
|||
<TextBlock Text="Agenda Content" Margin="10" FontSize="18" FontWeight="Black" TextWrapping="Wrap"/> |
|||
</xcad:LayoutAnchorable> |
|||
<xcad:LayoutAnchorable Title="Contacts" ContentId="contacts" IconSource="../Images/address-book--pencil.png" > |
|||
<TextBlock Text="Contacts Content" Margin="10" FontSize="18" FontWeight="Black" TextWrapping="Wrap"/> |
|||
</xcad:LayoutAnchorable> |
|||
</xcad:LayoutAnchorGroup> |
|||
</xcad:LayoutAnchorSide> |
|||
</xcad:LayoutRoot.LeftSide> |
|||
</xcad:LayoutRoot> |
|||
</xcad:DockingManager> |
|||
</Grid> |
|||
</local:DemoView> |
|||
}} |
|||
|
|||
The view is represented by the classes contained in the Xceed.Wpf.AvalonDock.Controls namespace; these classes are a set of stylizable controls that show the user controls. The names of the view controls typically end with "Control" and correspond to a layout model class (for example, LayoutAnchorableControl is the view control that corresponds to LayoutAnchorable, which is the model element). |
|||
|
|||
The DockingManager, which is contained in the Xceed.Wpf.AvalonDock namespace, uses various classes (such as the LayoutItem and its derived classes) to perform the role of the ViewModel, preparing the model to be consumed by the view. |
|||
|
|||
There is only one logical tree, which has the DockingManager as its root. Even if a control is placed in a different window (i.e., an autohidden window or a floating window), it always belong to the same logical tree below the DockingManager. |
|||
{anchor:dockingmanager_class} |
|||
## The DockingManager class |
|||
|
|||
The [DockingManager](DockingManager) class is the core control of AvalonDock. Its Layout property contains the layout composition that is represented by the classes in the Xceed.Wpf.AvalonDock.Layout namespace. The class arranges the panes it contains and also handles auto-hide windows and floating windows (panes in turn contain, directly or indirectly, the two types of "content" elements, namely, LayoutAnchorable and LayoutDocument elements). The DockingManager class also handles saving and restoring layouts. |
|||
|
|||
Among other properties, the class provides several "Template" properties (e.g., AnchorableTitleTemplate/DocumentTitleTemplate, AnchorableHeaderTemplate/DocumentHeaderTemplate, etc.) that allow designers and developers to specify the template for the elements contained in the layout. |
|||
{anchor:layout_model_classes} |
|||
## Layout model classes |
|||
|
|||
The layout element classes are used within the layout model held in the Layout property of the DockingManager. The fundamental content-containing classes in AvalonDock are [LayoutAnchorable](LayoutAnchorable) and [LayoutDocument](LayoutDocument); both of these classes derive from the [LayoutContent](LayoutContent) class, which determines whether an element can close, float (be dragged and transformed into a floating window), etc. |
|||
|
|||
An anchorable is typically the container of application controls and can be dragged away from its container pane (LayoutAnchorablePane) and repositioned into another pane. Anchorables are always contained in a pane, which can be either a [LayoutAnchorablePane](LayoutAnchorablePane) or a [LayoutDocumentPane](LayoutDocumentPane), whereas documents (class LayoutDocument) can only be contained in a LayoutDocumentPane. Anchorables can also be dragged to a border of the parent DockingManager, which causes them to appear above, below, to the left of, or to the right of all other anchorables or documents (except for autohide windows; see the LayoutAnchorSide / LayoutAnchorGroup section below for details). Anchorables can also be left in a floating state (LayoutAnchorableFloatingWindow). Unlike documents, anchorables can autohide, where their content collapses to one side of the docking manager and is represented only by a tab (see LayoutAnchorSide and LayoutAnchorGroup). |
|||
|
|||
A document (LayoutDocument class) can be hosted only in a LayoutDocumentPane. This contrasts with the behavior of LayoutAnchorable, which can be hosted both in a LayoutDocumentPane and a LayoutAnchorablePane. Also, unlike anchorables, documents can't be anchored to a DockingManager border and can't be autohidden: they can only be positioned into a LayoutDocumentPane or floated in a LayoutDocumentFloatingWindow. |
|||
|
|||
A [LayoutAnchorableFloatingWindow](LayoutAnchorableFloatingWindow) or a [LayoutDocumentFloatingWindow](LayoutDocumentFloatingWindow) is created automatically when the end-user drags an anchorable over the DockingManager. Floating windows can also be created programmatically using the Float method). |
|||
|
|||
LayoutContent-derived elements (LayoutAnchorable and LayoutDocument) are typically arranged as in a tab control. A LayoutAnchorablePane can be set to autohide and can be dragged over the DockingManager as floating window. A LayoutAnchorablePane can also be anchored to a border of the parent DockingManager (see LayoutAnchorSide for more details). |
|||
|
|||
Unlike a LayoutAnchorablePane, a LayoutDocumentPane cannot be set to autohide or dragged over the DockingManager as floating window (although individual LayoutDocument elements can be floated). A LayoutDocumentPane also can't be anchored to a border of the parent DockingManager. |
|||
|
|||
A [LayoutPanel](LayoutPanel) can also contain "pane group" elements (i.e., [LayoutAnchorablePaneGroup](LayoutAnchorablePaneGroup) or [LayoutDocumentPaneGroup](LayoutDocumentPaneGroup)), which group child panes together and allow various characteristics to be determined, such as the initial width/height the docked group occupies, the initial width/height of floating windows created from content dragged from them, and the orientation of the panes in the group (which is independent of the orientation of the LayoutPanel). LayoutAnchorablePaneGroup represents an element in the layout model that can contain and arrange multiple LayoutAnchorablePane elements, which in turn contain LayoutAnchorable elements. LayoutDocumentPaneGroup represents an element in the layout model that can contain and organize multiple LayoutDocumentPane elements, which in turn contain LayoutDocument elements. The "pane group" classes are primarily used to determine the orientation of the panes they contain. |
|||
|
|||
[LayoutRoot](LayoutRoot) represents the root of the layout model. The Layout property of DockingManager is set to an instance of this class. |
|||
|
|||
The RootPanel property of the LayoutRoot class is set to an instance of the LayoutPanel class. |
|||
|
|||
A LayoutPanel can contain child panes directly (that is, LayoutAnchorablePane and LayoutDocumentPane). Panes in turn contain the actual content (that is, LayoutAnchorable or LayoutDocument elements, both of which derive from LayoutContent). A LayoutPanel can also contain "pane group" instances (i.e., LayoutAnchorablePaneGroup or LayoutDocumentPaneGroup), which group child panes together and allow various characteristics to be determined, such as the initial width/height the docked group occupies, the initial width/height of floating windows created from content dragged from them, and the orientation of the panes in the group (which is independent of the orientation of the LayoutPanel). |
|||
|
|||
The LayoutRoot class provides four "Side" properties (e.g., LeftSide), which are used in conjunction with the LayoutAnchorSide and the LayoutAnchorGroup classes to set up autohide LayoutAnchorable elements along the border of the containing DockingManager. These elements are initially collapsed to the side to which they are anchored, displaying only a tab, and the "pin" glyph is pointing to the left. If the pin glyph of an autohide anchorable is clicked so that the pin is pointing down, the anchorable is no longer remains visible. Only LayoutAnchorable elements can be autohidden. |
|||
|
|||
[LayoutAnchorGroup](LayoutAnchorGroup) represents an autohidden group of one or more LayoutAnchorable elements that can be anchored to one of the four sides of the DockingManager. To use LayoutAnchorGroup, add LayoutAnchorable elements to it, and add the resulting LayoutAnchorGroup to an instance of LayoutAnchorSide. The resulting LayoutAnchorSide is then assigned to a "Side" property (e.g., LeftSide, TopSide) of the LayoutRoot object held in the Layout property of DockingManager. |
|||
|
|||
[LayoutAnchorSide](LayoutAnchorSide) represents a "side" in a DockingManager. To use LayoutAnchorSide, add LayoutAnchorable elements to a LayoutAnchorGroup, and add the resulting LayoutAnchorGroup to an instance of LayoutAnchorSide. The resulting LayoutAnchorSide is then assigned to a "Side" property (e.g., LeftSide, TopSide) of the LayoutRoot object held in the Layout property of DockingManager. |
|||
|
|||
Note: You can find complete documentation of the API [here](http://doc.xceedsoft.com/products/XceedWpfToolkit/). See the 'Live Explorer' application with source code that demonstrates the features of this class and others [here](http://wpftoolkit.com/try-it/). |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 34 KiB |
@ -1,59 +0,0 @@ |
|||
# Axis |
|||
_Only available in the Plus Edition_ |
|||
|
|||
Derives from Xceed.Wpf.Toolkit.Chart.GridLine |
|||
|
|||
Represents an axis. |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| LabelsType | Gets or sets type of tick labels. |
|||
| DateTimeFormatInfo | Gets or sets DateTime format, uses to convert DateTime to labels text in LabelsType.DateTime mode. |
|||
| DateTimeFormat | Gets or sets DateTime format. Used from convert DateTime to labels text in LabelsType.DateTime mode. |
|||
| Location | Gets start point of axis line. |
|||
| ScaleMode | Gets or sets scale mode of the axis. |
|||
| GraduationMode | Gets or sets graduation mode of the axis. |
|||
| CustomRangeStart | Gets or sets custom start point for manual scale mode. |
|||
| CustomRangeEnd | Gets or sets custom end point for manual scale mode. |
|||
| TickLabels | Gets list of tick labels. |
|||
| TicksCount | Gets or sets the count of ticks. |
|||
| TitleMargin | Gets or sets the margin between title label and axis line. |
|||
| TickList | Gets collection of ticks. |
|||
| GridLines | Gets collection of grid lines. |
|||
| ShowArrow | Gets or sets the visibility of the arrow. |
|||
| ShowAxis | Gets or sets the visibility of the axis. |
|||
| ShowGridLines | Gets or sets the visibility of grid lines. |
|||
| ShowTicks | Gets or sets the visibility of ticks. |
|||
| ShowTickLabels | Gets or sets the visibility of tick labels. |
|||
| ShowAxisLabel | Gets or sets the visibility of the axis label. |
|||
| Reversed | Gets or sets indicator of the axis revertion. |
|||
| Range | Gets or sets range of the axis. |
|||
| GridTemplate | Gets or sets data template for grid lines representation. |
|||
| TickTemplate | Gets or sets data template for ticks representation. |
|||
| ArrowTemplate | Gets or sets data template for arrow representation. |
|||
| LabelTemplate | Gets or sets data template for labels representation. |
|||
| Arrow | Gets or sets instance of the axis arrow. |
|||
| Title | Gets or sets text for title label. |
|||
| AxisTitleTemplate | Gets or sets data template for axis labels representation. |
|||
| AxisLabelsLayout | Gets or sets axis labels style of layout. |
|||
| GridPoint | Gets layout point used to calculate position of the element. (Inherited from GridLine) |
|||
| Orientation | Gets or sets orientation of the grid line. (Inherited from GridLine) |
|||
| Info | Gets or Sets binding source object for this primitive. (Inherited from ChartPrimitive) |
|||
| IsHighlighted | Gets or Sets, is primitive highlighted or not. (Inherited from ChartPrimitive) |
|||
| IsCovered | Gets or Sets is primitive "covered" or not. "Covered" means this primitive is not highlighted, but some other primitive is highlighted. |
|||
| DataPoint | Gets DataPoint corresponding to this primitive. (Inherited from ChartPrimitive) |
|||
|
|||
## Methods |
|||
|| Method || Description |
|||
| GetRealPoint( double pt ) | Converts point in user logic coordinates into point in actual pixels. |
|||
| Reset() | Resets layout. |
|||
| SetTitlesDirection( DataRange layoutRange, bool layoutReversed ) | Sets direction of the tick labels. |
|||
| PerformGraduation() | Performs graduation of the axis. |
|||
| PerformCustomRangeGraduation() | Perform graduation for custom range in manual scale mode. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| HighlightEnter | Raised when primitive gets highlighted. (Inheridted from ChartPrimitive) |
|||
| HighlightLeave | Raised when primitive gets un-highlighted. (Inherited from ChartPrimtive) |
|||
|
|||
--- |
|||
@ -1,34 +0,0 @@ |
|||
**Issues resolved in v1.8.0** |
|||
|
|||
* PropertyOrder attribute is now also considered when the sort is alphabetical. |
|||
* In PropertyGrid, a "<no name>" title is now only displayed when the selected object is a FrameworkElement and the Name property is null or empty string. |
|||
* Setting ShowTitle/ShowSortOptions/ShowSearchBox no longer leaves empty gray margins on the property grid. |
|||
* Setting PropertyGrid.NameColumnWidth in XAML no longer causes an exception to be thrown. |
|||
* RichTextBox.Text property will now be updated when there is no binding defined on the property. |
|||
* Dropping a Wizard control on a design surface will no longer throw an exception. |
|||
* Changes within the Selector.SelectedItems collection (add/remove) will now be reflected on the UI. |
|||
* Entering an invalid value in the ColorCanvas Hexadecimal value field will no longer throw an exception. The file will reset to its previous value instead. |
|||
* Selector: Changing the SelectedMemberPath property now updates the selection. |
|||
* Selector: Changes to any value referenced by SelectedMemberPath now updates the selection. |
|||
* Selector: Changes to any value referenced by ValueMemberPath now updates the SelectedValue. |
|||
* CheckComboBox: Changes to any value referenced by DisplayMemberPath now updates the Combobox display text. |
|||
* Adding an element to Selector.SelectedItems collection will select it. |
|||
* Selector.SelectedItem property will no longer contain the last unselected item and its behavior will now be consistent with thoses of the standard ListBox and ComboBox. |
|||
* MessageBox: The "Enter" key is now marked as handled when closing the window. |
|||
* Added the following properties to the MessageBox class: YesButtonStyle, NoButtonStyle, CancelButtonStyle, OkButtonStyle, ButtonRegionBackground. |
|||
* MessageBox: Bottom corners have been rounded. |
|||
* MessageBox: Pressing "Esc" will now close the message box in all case except "Yes No", just like the standard MessageBox. |
|||
* MessageBox: All MessageBox return values will now be the same as those of the standard MessageBox in all cases. |
|||
* The following PropertyItem properties no longer exist: BindingPath and PropertyGrid. These were only used for internal logic. |
|||
* PropertyGrid.SelectedPropertyItem is now reset when the selected object changes. |
|||
* PropertyGrid.Filter will no longer be cleared when the SelectedObject changes. |
|||
* PropertyGrid.AutoGenerateProperties will refresh displayed properties when modified at runtime. |
|||
* PropertyGrid.Properties will never be null. Only the collection content will change for now on. The collection itself will remain the same instance. Registering to INotifyCollectionChanged works. |
|||
* PropertyGrid.PropertyValueChanged routed event is now raised starting from the PropertyItem itself instead of from the PropertyGrid. |
|||
* PropertyItem's hint icons will now work on sub-properties. |
|||
* PropertyItem: IsDataBound, ValueSource, IsDynamicResource, and HasResourceApplied properties will now be valid on expanded sub-properties. |
|||
* PropertyGrid: Except when an appropriate TypeConverter is defined, an unknown property type will no longer be considered editable with a TextBox. A TextBlock will be used instead. |
|||
* Setting MaskedTextBox.Value property will now work properly when set before the template is applied. |
|||
* MaskedTextBox will no longer prevent the Default button to trigger on the enter key |
|||
* MaskedTextBox will now work properly in a DataGridTemplateColumn (Enter key will work). |
|||
* MaskedTextBox.InsertKeyMode property allows the user to overwrite when characters are typed. |
|||
@ -1,76 +0,0 @@ |
|||
# BusyIndicator |
|||
Derives from ContentControl |
|||
|
|||
BusyIndicator makes it easy to let the user know when an application is busy. Simply wrap the relevant content in an instance of the BusyIndicator control and toggle its IsBusy property to True during any long-running process. |
|||
 |
|||
|
|||
## Usage |
|||
|
|||
**Add namespace:** |
|||
{{ |
|||
xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit" |
|||
}} |
|||
**Default Settings:** |
|||
{{ |
|||
<xctk:BusyIndicator IsBusy="True" > |
|||
<ContentControl Style="{StaticResource SampleContent}"/> |
|||
</xctk:BusyIndicator> |
|||
}} |
|||
**Custom Message:** |
|||
{{ |
|||
<xctk:BusyIndicator IsBusy="True" BusyContent="Downloading email..." > |
|||
<ContentControl Style="{StaticResource SampleContent}"/> |
|||
</xctk:BusyIndicator> |
|||
}} |
|||
**Custom Content:** |
|||
{{ |
|||
<xctk:BusyIndicator IsBusy="True" DisplayAfter="0"> |
|||
<xctk:BusyIndicator.BusyContentTemplate> |
|||
<DataTemplate> |
|||
<StackPanel Margin="4"> |
|||
<TextBlock Text="Downloading Email" FontWeight="Bold" HorizontalAlignment="Center"/> |
|||
<StackPanel Margin="4"> |
|||
<TextBlock Text="Downloading message 4/10..."/> |
|||
<ProgressBar Value="40" Height="15"/> |
|||
</StackPanel> |
|||
<Grid> |
|||
<Grid.ColumnDefinitions> |
|||
<ColumnDefinition/> |
|||
<ColumnDefinition/> |
|||
</Grid.ColumnDefinitions> |
|||
<Button Grid.Column="0" Content="Pause" HorizontalAlignment="Right" Margin="0 0 2 0"/> |
|||
<Button Grid.Column="1" Content="Cancel" HorizontalAlignment="Left" Margin="2 0 0 0"/> |
|||
</Grid> |
|||
</StackPanel> |
|||
</DataTemplate> |
|||
</xctk:BusyIndicator.BusyContentTemplate> |
|||
<xctk:BusyIndicator.OverlayStyle> |
|||
<Style TargetType="Rectangle"> |
|||
<Setter Property="Fill" Value="#ffffeeee"/> |
|||
</Style> |
|||
</xctk:BusyIndicator.OverlayStyle> |
|||
<xctk:BusyIndicator.ProgressBarStyle> |
|||
<Style TargetType="ProgressBar"> |
|||
<Setter Property="Visibility" Value="Collapsed"/> |
|||
</Style> |
|||
</xctk:BusyIndicator.ProgressBarStyle> |
|||
<ContentControl Style="{StaticResource SampleContent}"/> |
|||
</xctk:BusyIndicator> |
|||
}} |
|||
## Properties |
|||
|| Property || Description |
|||
| BusyContent | Gets or sets the busy content to display to the user. |
|||
| BusyContentTemplate | Gets or sets the DataTemplate to use for displaying the busy content to the user. |
|||
| DisplayAfter | Gets or sets the time interval that the busy content is delayed before being displayed. |
|||
| FocusAfterBusy | Gets or sets a control that should get focus when the busy indicator disappears. |
|||
| IsBusy | Gets or sets a value indicating whether the busy indicator should be shown. |
|||
| IsContentVisible | Gets or sets a value indicating whether the BusyContent is visible. |
|||
| OverlayStyle | Gets or sets a Style object representing the style to use for the overlay. By default, null. |
|||
| ProgressBarStyle | Gets or sets a Style object representing the style to use for the progress bar. By default, null. |
|||
|
|||
Here is a blog post describing how to use the BusyIndicator in multi-threaded scenarios: |
|||
|
|||
[http://elegantcode.com/2011/10/07/extended-wpf-toolkitusing-the-busyindicator/](http://elegantcode.com/2011/10/07/extended-wpf-toolkitusing-the-busyindicator/) |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 43 KiB |
@ -1,46 +0,0 @@ |
|||
# ButtonSpinner |
|||
Derives from Xceed.Wpf.Toolkit.Spinner |
|||
|
|||
The ButtonSpinner control allows you to add button spinners to any element and then respond to the Spin event to manipulate that element. The Spin event lets the developer know which direction the buttons are spinning; SpinDirection.Increase indicates an increment, SpinDirection.Decrease indicates a decrement. |
|||
|
|||
 |
|||
|
|||
You can wrap any element by placing it inside the content area of the ButtonSpinner control. As an example, lets create our own simple numeric up/down control |
|||
|
|||
 |
|||
|
|||
**XAML** |
|||
{{ |
|||
<xctk:ButtonSpinner Spin="ButtonSpinner_Spin"> |
|||
<TextBox Text="0" HorizontalContentAlignment="Right" /> |
|||
</xctk:ButtonSpinner> |
|||
}} |
|||
|
|||
**Code Behind** |
|||
{{ |
|||
private void ButtonSpinner_Spin(object sender, Microsoft.Windows.Controls.SpinEventArgs e) |
|||
{ |
|||
ButtonSpinner spinner = (ButtonSpinner)sender; |
|||
TextBox txtBox = (TextBox)spinner.Content; |
|||
|
|||
int value = String.IsNullOrEmpty(txtBox.Text) ? 0 : Convert.ToInt32(txtBox.Text); |
|||
if (e.Direction == Microsoft.Windows.Controls.SpinDirection.Increase) |
|||
value++; |
|||
else |
|||
value--; |
|||
txtBox.Text = value.ToString(); |
|||
} |
|||
}} |
|||
## Properties |
|||
|| Property || Description |
|||
| AllowSpin | Gets or sets a value indicating whether the spinner buttons are enabled. |
|||
| Content | Gets or sets the content of the ButtonSpinner. |
|||
| ShowButtonSpinner | Gets or sets a value indicating whether the ButtonSpinner is visible. |
|||
| ValidSpinDirection | Gets or sets the valid direction for the Spinner (None, Increase or Decrease). By default, Increase or Decrease. (Inherited from Spinner) |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| Spin | Raised when spinning is initiated by the end-user. (Inherited from Spinner) |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 1.0 KiB |
@ -1,53 +0,0 @@ |
|||
# ByteUpDown |
|||
The ByteUpDown control provides a TextBox with button spinners that allow incrementing and decrementing Nullable<byte> values by using the spinner buttons, keyboard up/down arrows, or mouse wheel. |
|||
|
|||
* [Usage](#usage) |
|||
* [Watermark](#watermarks) |
|||
* [Properties](#properties) |
|||
* [Events](#events) |
|||
{anchor:usage} |
|||
## Usage |
|||
|
|||
When using the ByteUpDown in data binding scenarios, bind your object's value to the **Value** property. You can specify how much to increment the value by setting the **Increment** property. You can control the minimum and maximum allowed values by setting the **Minimum** and the **Maximum** properties. Use IsReadOnly to determine whether the control is read only. If you would like to get the actual formatted string representation of the value, you can use the **Text** property. |
|||
{{ |
|||
<xctk:ByteUpDown Value="156" />}} |
|||
{anchor:watermarks} |
|||
## Watermark |
|||
You can provide a **Watermark** to show text in place of a NULL **Value**. |
|||
{{ |
|||
<xctk:ByteUpDown Watermark="Enter Integer" /> |
|||
}} |
|||
{anchor:properties} |
|||
## Properties |
|||
|| Property || Description |
|||
| AllowSpin | Gets or sets the ability to perform increment/decrement operations via the keyboard, button spinners, or mouse wheel. (Inherited from UpDownBase) |
|||
| AllowTextInput | Determines if the editable part of the control can be edited. The editable part does not include buttons or spinners, it is typically the text part. |
|||
| AutoMoveFocus | Gets or sets if the focus can move from this control to other controls. (Inherited from NumericUpDown) |
|||
| AutoSelectBehavior | Gets or sets a value indicating how the content of the auto-select text box is selected (Never or OnFocus). By default, OnFocus. (Inherited from NumericUpDown) |
|||
| ButtonSpinnerLocation | Gets/Sets the location of the Up/Down buttons (either on the left or on the right) of numericUpDown controls. |
|||
| ClipValueToMinMax | Gets or sets if the value should be clipped when minimum/maximum is reached. (Inherited from UpDownBase) |
|||
| CultureInfo | Gets or sets the current CultureInfo. (Inherited from InputBase) |
|||
| DefaultValue | Gets or sets the value to use when the **Value** is null and an increment/decrement operation is performed. (Inherited from UpDownBase) |
|||
| DisplayDefaultValueOnEmptyText | Gets or sets if the defaultValue should be displayed when the Text is empty. (Inherited from UpDownBase) |
|||
| FormatString | Gets or sets the dispaly format of the **Value**. |
|||
| Increment | Gets or sets the amount in which to increment the value. (Inherited from NumericUpDown) |
|||
| IsReadOnly | Gets or sets if the control is read only. (Inherited from InputBase) |
|||
| Maximum | Gets or sets the maximum allowed value. (Inherited from UpDownBase) |
|||
| Minimum | Gets or sets the minimum allowed value. (Inherited from UpDownBase) |
|||
| MouseWheelActiveTrigger | Gets or sets when the MouseWheel is active (Focused, FocusedMouseOver, MouseOver, Disabled). By default, FocusedMouseOver. (Inherited from UpDownBase). |
|||
| ParsingNumberStyle | Gets or sets the parsing style (AllowLeadingWhite, Float, AllowHexSpecifier, ...). By default, Any. (Inherited from CommonNumericUpDown) |
|||
| ShowButtonSpinner | Gets or sets if the ButtonSpinners are visibles. (Inherited from UpDownBase) |
|||
| Text | Gets or sets the formated string representation of the value. (Inherited from InputBase) |
|||
| TextAlignment | Gets or sets the alignment of the **Text** (Left, Right, Center, Justify). By default, Left. (Inherited from InputBase) |
|||
| UpdateValueOnEnterKey | Gets or sets a value indicating whether the synchronization between "Value" and "Text" should be done only on the Enter key press (and lost focus). (Inherited from UpDownBase) |
|||
| Value | Gets or sets the numeric value. (Inherited from UpDownBase) |
|||
| Watermark | Gets or sets the object to use as a watermark if the **Value** is null. (Inherited from InputBase) |
|||
| WatermarkTemplate| Gets or sets the DatTemplate to use for the **Watermark**. (Inherited from InputBase) |
|||
{anchor:events} |
|||
## Events |
|||
|| Event || Description |
|||
| InputValidationError | Occurs when the Text cannot be converted to a valid Value. (Inherited from UpDownBase) |
|||
| ValueChanged | Raised when the Value changes. (Inherited from UpDownBase) |
|||
|
|||
**Support this project, check out the [Plus Edition](http://wpftoolkit.com).** |
|||
--- |
|||
@ -1,33 +0,0 @@ |
|||
# Calculator |
|||
Derives from Control |
|||
|
|||
The Calculator is a control used for performing mathematical calculations. |
|||
|
|||
 |
|||
|
|||
## Features |
|||
* Basic Math Functions |
|||
* Memory Operations |
|||
* Clear |
|||
* Store |
|||
* Recall |
|||
* Add (M+) |
|||
* Subract (M-) |
|||
* Mouse and Keyboard support |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| CalculatorButtonPanelTemplate | Gets or sets the ControlTemplate of the Calculator buttons to define the wanted calculator buttons. |
|||
| CalculatorButtonType | Gets or sets the type of the calculator button (Add, Equal, Five, Six, Percent, ...). By default, None. |
|||
| DisplayText | Gets or sets the text displayed in the view port. |
|||
| EnterClosesCalculator | Gets or sets a value indicating whether the Enter keyboard button closes the calculator when pressed. |
|||
| Memory | Gets or sets the numeric value stored in memory |
|||
| Precision | Gets or sets the maximum number of digits displayed to the right of the decimal point. |
|||
| Value | Gets or sets the numeric value. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| ValueChanged | Raised when the **Value** changes. |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
@ -1,91 +0,0 @@ |
|||
# CalculatorUpDown |
|||
Derives from Xceed.Wpf.Toolkit.DecimalUpDown |
|||
|
|||
The CalculatorUpDown provides a TextBox with button spinners that allow incrementing and decrementing numeric values by using the spinner buttons, keyboard up/down arrows, or mouse wheel. It also provides a [Calculator](Calculator) dropdown which allows you to perform mathematical calculations. |
|||
|
|||
* [Usage](#usage) |
|||
* [Applying Format Strings](#formatstring) |
|||
* [Supported Format Strings](#supportedformatstring) |
|||
* [Watermark](#watermarks) |
|||
* [Properties/Events](#properties_events) |
|||
|
|||
 |
|||
|
|||
When using the CalculatorUpDown in data binding scenarios, bind your object's value to the **Value** property. You can specify how much to increment the value by setting the **Increment** property. You can control the minimum and maximum allowed values by setting the **Minimum** and the **Maximum** properties. You can also specify if the user can directly edit the values in the text box by setting the **IsEditable** property. If you would like to get the actual fromatted string representation of the value, you can use the **Text** property. |
|||
|
|||
{anchor:formatstring} |
|||
## Applying FormatStrings |
|||
|
|||
**Default:** |
|||
 |
|||
{{ |
|||
<xctk:CalculatorUpDown Value="1564.6749586" />}} |
|||
|
|||
**Floating Point:** |
|||
 |
|||
{{ |
|||
<xctk:CalculatorUpDown FormatString="F3" Value="1564.6749586" Increment=".001" Maximum="200000.599" /> |
|||
}} |
|||
|
|||
**Currency:** |
|||
 |
|||
{{ |
|||
<xctk:CalculatorUpDown FormatString="C2" Value="1564.6749586" Increment=".5" Maximum="5000.50" Minimum="50.01" /> |
|||
}} |
|||
|
|||
{anchor:supportedformatstring} |
|||
## Supported Format Strings |
|||
|
|||
|| Format Specifier || Name |
|||
| C | Currency |
|||
| F | Fixed Point |
|||
| G | General |
|||
| N | Number |
|||
| P | Percent |
|||
|
|||
{anchor:watermarks} |
|||
## Watermark |
|||
You can provide a **Watermark** to show text in place of a NULL **Value**. |
|||
|
|||
 |
|||
{{ |
|||
<xctk:CalculatorUpDown Watermark="Enter Value" /> |
|||
}} |
|||
|
|||
{anchor:properties_events} |
|||
## Properties |
|||
|| Property || Description |
|||
| AllowSpin | Gets or sets the ability to perform increment/decrement operations via the keyboard, button spinners, or mouse wheel. (Inherited from UpDownBase) |
|||
| AllowTextInput | Determines if the editable part of the control can be edited. The editable part does not include buttons or spinners, it is typically the text part. |
|||
| AutoMoveFocus | Gets or sets if the focus can move from this control to other controls. (Inherited from NumericUpDown) |
|||
| AutoSelectBehavior | Gets or sets a value indicating how the content of the auto-select text box is selected (Never or OnFocus). By default, OnFocus. (Inherited from NumericUpDown) |
|||
| ClipValueToMinMax | Gets or sets if the value should be clipped when minimum/maximum is reached. (Inherited from UpDownBase) |
|||
| CultureInfo | Gets or sets the current CultureInfo. (Inherited from InputBase) |
|||
| DefaultValue | Get or sets the value to use when the **Value** is null and an increment/decrement operation is performed. (Inherited from UpDownBase) |
|||
| DisplayDefaultValueOnEmptyText | Gets or sets if the **DefaultValue** should be displayed when the text is empty. (Inherited from UpDownBase) |
|||
| DisplayText | Gets or sets the text displayed in the [Calculator](Calculator) view port. |
|||
| EnterClosesCalculator | Gets or sets whether or not the Enter keyboard button will close the [Calculator](Calculator) when pressed. |
|||
| FormatString | Gets or sets the dispaly format of the **Value**. |
|||
| Increment | Gets or Sets the amount in which to increment the value. (Inherited from NumericUpDown) |
|||
| IsOpen | Gets or sets if the Calculator is displayed. |
|||
| IsReadOnly | Gets or sets if the control is read only. (Inherited from InputBase) |
|||
| Maximum | Gets or sets the maximum allowed value. (Inherited from UpDownBase) |
|||
| Memory | Gets or sets the numeric value stored in the [Calculator](Calculator) memory. |
|||
| Mimum | Gets or sets the minimum allowed value. (Inherited from UpDownBase) |
|||
| MouseWheelActiveTrigger | Gets or sets when the MouseWheel is active (Focused, FocusedMouseOver, MouseOver, Disabled). By default, FocusedMouseOver. (Inherited from UpDownBase) |
|||
| ParsingNumberStyle | Gets or sets the parsing style (AllowLeadingWhite, Float, AllowHexSpecifier, ...). By default, Any. (Inherited from CommonNumericUpDown) |
|||
| Precision | Gets or sets the maximum number of digits displayed to the right of the decimal point in the [Calculator](Calculator). |
|||
| ShowButtonSpinner | Gets or sets if the button spinners are visible. (Inherited from UpDownBase) |
|||
| Text | Gets or sets the formatted string representation of the value. (Inherited from InputBase) |
|||
| TextAlignment | Gets or sets the alignment of the **Text** (Left, Right, Center, Justify). By default, Left. (Inherited from InputBase) |
|||
| Value | Gets or sets the numeric value. (Inherited from UpDownBase) |
|||
| Watermark | Gets or sets the object to use as a watermark if the **Value** is null. (Inherited from InputBase) |
|||
| WatermarkTemplate | Gets or sets the DatTemplate to use for the **Watermark**. (Inherited from InputBase) |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| InputValidationError | Raised when the **Text** cannot be converted to a valid **Value**. (Inherited from UpDownBase) |
|||
| ValueChanged | Raised when the **Value** changes. (Inherited from UpDownBase) |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 18 KiB |
@ -1,24 +0,0 @@ |
|||
# CameraPanel |
|||
_Only available in the Plus Edition_ |
|||
|
|||
Derives from AnimationPanel |
|||
|
|||
CameraPanel lays out its children in a 3D-like space. You can give the children a 3D location and set the camera position for the panel. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| * | All the Properties from [Canvas](Canvas) Panel |
|||
| Depth (attached) | Gets or sets the Depth property. |
|||
| CameraX | Gets or sets the camera's X or left value. |
|||
| CameraY | Gets or sets the camera's Y or top value. |
|||
| CameraZ | Gets or sets the camera's Z or depth value. |
|||
| Left (attached) | Gets or sets the Left property. |
|||
| Top (attached) | Gets or sets the Top property. |
|||
| ZScaleFactor | Gets or sets the ZScaleFactor value. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| * | All the Events from [Canvas](Canvas) Panel. |
|||
--- |
|||
|
Before Width: | Height: | Size: 12 KiB |
@ -1,51 +0,0 @@ |
|||
# Canvas |
|||
_Only available in the Plus Edition_ |
|||
|
|||
Derives from AnimationPanel |
|||
|
|||
Exactly like WPF's native Canvas panel, except that this panel can animate its children and be used inside a SwitchPanel. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| DefaultAnimationRate | Gets or sets the DefaultAnimationRate property. This dependency property indicates the duration or speed at which other animations will if they set their respective AnimationRate properties to AnimationRate.Default. This property can be used to set a single animation rate to be used for EnterAnimationRate, ExitAnimationRate, LayoutAnimationRate, SwitchAnimationRate, and TemplateAnimationRate. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| DefaultAnimator | Gets or sets the EnterAnimator property. This dependency property indicates which iterative layout animator will be used to animate children when they are first added to a panel. This provides for an "animate in" effect. If you'd like to use the same animator for several layouts within a SwitchPanel, you can set the EnterAnimator property directly on the owning SwitchPanel. Otherwise, setting this property on an animation panel will override the value of the owning SwitchPanel. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| DesiredSize | (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| EnterAnimationRate | Gets or sets the EnterAnimationRate property. This dependency property indicates the duration or speed at which "enter" animations occur within the panel. If null is specified and the panel belongs to the Layouts collection of a SwitchPanel, then the EnterAnimationRate property of the SwitchPanel will be used. If null is specified and the panel is being used standalone, then a default speed of 1 will be used. To prevent animations within the panel, you can explicitly set the speed property to 0 or simply set the IsAnimated property to false. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| EnterAnimator | Gets or sets the EnterAnimator property. This dependency property indicates which iterative layout animator will be used to animate children when they are first added to a panel. This provides for an "animate in" effect. If you'd like to use the same animator for several layouts within a SwitchPanel, you can set the EnterAnimator property directly on the owning SwitchPanel. Otherwise, setting this property on an animation panel will override the value of the owning SwitchPanel. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| ExitAnimationRate | Gets or sets the ExitAnimationRate property. This dependency property indicates the duration or speed at which "exit" animations occur within the panel. If null is specified and the panel belongs to the Layouts collection of a SwitchPanel, then the ExitAnimationRate property of the SwitchPanel will be used. If null is specified and the panel is being used standalone, then a default speed of 1 will be used. To prevent animations within the panel, you can explicitly set the speed property to 0 or simply set the IsAnimated property to false. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| ExitAnimator | Gets or sets the ExitAnimator property. This dependency property indicates which iterative layout animator will be used to animate children when they are removed from a panel. This provides for an "animate out" effect. If you'd like to use the same animator for several layouts within a SwitchPanel, you can set the ExitAnimator property directly on the owning SwitchPanel. Otherwise, setting this property on an animation panel will override the value of the owning SwitchPanel. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| IsActiveLayout | (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| LayoutAnimationRate | Gets or sets the LayoutAnimationRate property. This dependency property indicates the duration or speed at which animations occur within the panel. If null is specified and the panel belongs to the Layouts collection of a SwitchPanel, then the LayoutAnimationRate property of the SwitchPanel will be used. If null is specified and the panel is being used standalone, then a default speed of 1 will be used. To prevent animations within the panel, you can explicitly set the speed property to 0 or simply set the IsAnimated property to false. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| LayoutAnimator | Gets or sets the LayoutAnimator property. This dependency property indicates which iterative layout animator will be used to animate children whenever a layout pass arranges the children to a new location. If the LayoutAnimator property is null, then a linear animator will be used for layout animations. To prevent layout animations, you can set the IsAnimated property to false. If you'd like to use the same animator for several layouts within a SwitchPanel, you can set the LayoutAnimator property directly on the owning SwitchPanel. Otherwise, setting this property on an animation panel will override the value of the owning SwitchPanel. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| RenderSize | (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| SwitchAnimationRate | Gets or sets the SwitchAnimationRate property. This dependency property indicates the duration or speed at which "switch" animations occur within the panel. If null is specified and the panel belongs to the Layouts collection of a SwitchPanel, then the SwitchAnimationRate property of the SwitchPanel will be used. If UnsetValue is specified and the panel is being used standalone, then a default speed of 1 will be used. To prevent animations within the panel, you can explicitly set the speed property to 0 or simply set the IsAnimated property to false. !!! fix these descriptions (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| SwitchAnimator | Gets or sets the SwitchAnimator property. This dependency property indicates the animator that will be used for layout switches when the AnimationPanel belongs to the Layouts collection of a SwitchPanel. If the SwitchAnimator property is null, then the LayoutAnimator will be used for both layout animations and switch animations. To prevent switch animations, you can set the AreLayoutSwitchesAnimated property on the owning SwitchPanel to false. If you'd like to use the same animator for all layout switches, you can set the SwitchAnimator property on the owning SwitchPanel. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| SwitchParent | Gets the SwitchParent property. This dependency property indicates the parent SwitchPanel (if the current SwitchablePanel is a member of a Layouts collection). (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| SwitchTemplate | Gets or sets the SwitchTemplate property. This dependency property indicates the DataTemplate that should be used for SwitchPresenter elements within the SwitchParent's visual tree while the panel is the active layout of the SwitchParent. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| TemplateAnimationRate | Gets or sets the TemplateAnimationRate property. This dependency property indicates the duration or speed at which ID'd elements within a SwitchTemplate are animated during a template switch. If null is specified and the panel belongs to the Layouts collection of a SwitchPanel, then the TemplateAnimationRate property of the SwitchPanel will be used. If UnsetValue is specified and the panel is being used standalone, then a default speed of 1 will be used. To prevent animations within the panel, you can explicitly set the speed property to 0 or simply set the IsAnimated property to false. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
| TemplateAnimator | Gets or sets the TemplateAnimator property. This dependency property indicates the animator that will be used for layout switches when the AnimationPanel belongs to the Layouts collection of a SwitchPanel. If the TemplateAnimator property is null, then the LayoutAnimator will be used for both layout animations and switch animations. To prevent switch animations, you can set the AreLayoutSwitchesAnimated property on the owning SwitchPanel to false. If you'd like to use the same animator for all layout switches, you can set the TemplateAnimator property on the owning SwitchPanel. (Inherited from Xceed.Wpf.Toolkit.Panels.AnimationPanel) |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| AnimationBegun | Raised when the animation has started. |
|||
| AnimationCompleted | Raised when the animation is completed. |
|||
| ChildEntered | Raised when a child has entered the panel. |
|||
| ChildEntering | Raised when a child is entering the panel. |
|||
| ChildExited | Raised when a child has exit the panel. |
|||
| ChildExiting | Raised when a child is exiting the panel. |
|||
| SwitchLayoutActivated | Raised when the layout gets activated. |
|||
| SwitchLayoutDeactivated | Raised when the layout gets deactivated. |
|||
|
|||
## Methods |
|||
|| Method || Description |
|||
| GetLeft( DependencyObject d) | Gets the Left Property from Canvas. |
|||
| SetLeft( DependencyObject d, double value) | Sets the Left Property from Canvas. |
|||
| GetTop( DependencyObject d) | Gets the Top Property from Canvas. |
|||
| SetTop( DependencyObject d, double value) | Sets the Top Property from Canvas. |
|||
| GetRight( DependencyObject d) | Gets the Right Property from Canvas. |
|||
| SetRight( DependencyObject d, double value) | Sets the Right Property from Canvas. |
|||
| GetBottom( DependencyObject d) | Gets the Bottom Property from Canvas. |
|||
| SetBottom ( DependencyObject d, double value) | Sets the Bottom Property from Canvas. |
|||
--- |
|||
|
Before Width: | Height: | Size: 17 KiB |
@ -1,42 +0,0 @@ |
|||
# Carousel |
|||
_Only available in the Plus Edition_ |
|||
|
|||
Derives from AnimationPanel |
|||
|
|||
Positions the elements in a carousel mode with a centered element in front. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| * | All the Properties from [Canvas](Canvas) Panel |
|||
| AngularOffset | Gets or sets the rotation on the carousel from the children. |
|||
| AngularExtend | Gets or sets the extension of the carousel (360 is a perfect circle). |
|||
| AreChildrenScaled | Gets or sets if the children in the back are smaller than the ones in the front. |
|||
| AreChildrenOrdered | Gets or sets is the children are ordered in the carousel. |
|||
| CenteredChild | Gets the center child in the carousel. |
|||
| DistantChildScale | Gets or sets the children scale for non-centered children. |
|||
| MaximumAngularSeparation | Gets or sets the maximum angle between children. |
|||
| MaximumRadius | Gets or sets the maximum radius in the carousel. |
|||
| MinimumAngularSeparation | Gets or sets the minimum angle between children. |
|||
| MinimumRadius | Gets or sets the minimum radius in the carousel. |
|||
| Orientation | Gets or sets the orientation of the carousel (Vertical or Horizontal). |
|||
| Radius | Gets the radius in the carousel. |
|||
| Tilt | Gets or sets the tilt angle of the carousel. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| * | All the Events from [Canvas](Canvas) Panel. |
|||
|
|||
## Methods |
|||
|| Method || Description |
|||
| CenterChild( UIElement child, TimeSpan animationDuration, bool perQuarterTurn ) | Moves child to the front center of the carousel. |
|||
| ReorderChildrenAroundChild( UIElement child ) | This function will reorder the children inside the panel based on the given child. |
|||
| StopAnimation() | Stop any active animation. |
|||
| GetChildOffset( DependencyObject d ) | Gets the ChildOffset property. |
|||
| SetChildOffset( DependencyObject d, double value ) | sets the ChildOffset property. |
|||
| GetChildScale( DependencyObject d ) | Gets the ChildScale property. |
|||
| SetChildScale( DependencyObject d, double value ) | Sets the ChildScale property. |
|||
| GetChildZIndex( DependencyObject d ) | Gets or sets the ChildZIndex property. |
|||
| SetChildZIndex( DependencyObject d, int value ) | sets the ChildZIndex property. |
|||
--- |
|||
|
Before Width: | Height: | Size: 13 KiB |
@ -1,23 +0,0 @@ |
|||
# Charts |
|||
_Only available in the Plus Edition_ |
|||
|
|||
Derives from Control |
|||
|
|||
The Chart control is designed to display rich, flexible, configurable and extendable charts. The Wpf Chart is 100% look-less control, and is able to display multiple areas with multiple charts at the same time. Use the Areas property to add [Area](Area) objects. The Chart supports a built-in legend. However, you can use the Legend property if a custom legend needs to be displayed. |
|||
|
|||
* [Area](Area) |
|||
* [Series](Series) |
|||
* [Axis](Axis) |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| Areas | Gets list of Area |
|||
| Legend | Gets or sets Chart Legend. |
|||
| ShowLegend | Gets or sets if chart legend is visible. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| SeriesChanged | Raised when Series list in any Area is changed. |
|||
--- |
|||
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 84 KiB |
@ -1,39 +0,0 @@ |
|||
# CheckComboBox |
|||
Derives from Xceed.Wpf.Toolkit.Primitives.Selector |
|||
|
|||
CheckComboBox is a combo box in which the items in the dropdown are preceded by a checkbox. As items are checked or unchecked, the Text property displayed above the dropdown is updated using the concatenated string representations of the checked items. The text displayed is formated using the value of the Delimiter property to separate the individual strings. |
|||
|
|||
 |
|||
|
|||
{{ |
|||
<xctk:CheckComboBox x:Name="_combo" |
|||
HorizontalAlignment="Center" |
|||
VerticalAlignment="Center" |
|||
DisplayMemberPath="Color" |
|||
ValueMemberPath="Level" |
|||
SelectedValue="{Binding SelectedValue}" |
|||
SelectedItems="{Binding SelectedItems}" /> |
|||
}} |
|||
|
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| Command | Gets or sets the command to execute when an item is checked/unchecked. (Inherited from Selector) |
|||
| Delimiter | Gets or sets the string used to separate the concatenated string representations of the checked items. (Inherited from Selector) |
|||
| IsDropDownOpen | Gets or sets a value indicating whether the combo box drop-down is currently open. |
|||
| IsEditable | Gets or sets a value that enables or disables editing of the text in the Textbox of the CheckComboBox. Values entered must be seperated by the **Delimiter**. Values entered that are not in the list or that are duplicates will be removed. Selection will be active on LostFocus. Default is False. |
|||
| MaxDropDownHeight | Gets or sets the maximum height of the popup. |
|||
| SelectedItem | Gets or sets the last checked item. (Inherited from Selector) |
|||
| SelectedItems | Gets the collection of checked items. (Inherited from Selector) |
|||
| SelectedItemsOverride | Gets or sets the list of **SelectedItems**. (Inherited from Selector) |
|||
| SelectedMemberPath | Gets or sets a path to a value on the source object used to determine whether an item is selected. (Inherited from Selector) |
|||
| SelectedValue | Gets or sets a string containing the selected items separated by the value of Delimiter (ex., "Item1, Item2, Item3"). (Inherited from Selector) |
|||
| Text | Gets or sets the formated text of the currently checked items. |
|||
| ValueMemberPath | Gets or sets a path to a value on the source object representing the value to use. (Inherited from Selector) |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| ItemSelectionChanged | Raised when an item's selection is changed. (Inherited from Selector) |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 19 KiB |
@ -1,36 +0,0 @@ |
|||
# CheckListBox |
|||
Derives from Xceed.Wpf.Toolkit.Primitives.Selector |
|||
|
|||
The CheckListBox control is a ListBox in which each item is represented with a CheckBox. The CheckBox.IsSelected can be data bound using the SelectedMemberPath property. The CheckListBox also provides a Command property which will execute everytime an item is checked/unchecked. The CommandParameter is the recently checked/unchecked item. |
|||
|
|||
NOTE: As of v1.6.0, this control derives from Selector. |
|||
|
|||
 |
|||
|
|||
{{ |
|||
<xctk:CheckListBox x:Name="_listBox" |
|||
Height="250" |
|||
DisplayMemberPath="Color" |
|||
ValueMemberPath="Level" |
|||
SelectedMemberPath="IsSelected" |
|||
SelectedValue="{Binding SelectedValue}" |
|||
SelectedItemsOverride="{Binding SelectedItems}" /> |
|||
}} |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| Command | Gets or sets the command to execute when an item is checked/unchecked. (Inherited from Selector) |
|||
| Delimiter | Gets or sets the string used to separate the concatenated string representations of the checked items. (Inherited from Selector) |
|||
| SelectedItem | Gets or sets the last checked item. (Inherited from Selector) |
|||
| SelectedItems | Gets the collection of checked items. (Inherited from Selector) |
|||
| SelectedItemsOverride | Gets or sets the list of **SelectedItems**. (Inherited from Selector) |
|||
| SelectedMemberPath | Gets or sets a path to a value on the source object used to determine whether an item is selected. (Inherited from Selector) |
|||
| SelectedValue | Gets or sets a string containing the selected items separated by the value of Delimiter (ex., "Item1, Item2, Item3"). (Inherited from Selector) |
|||
| ValueMemberPath | Gets or sets a path to a value on the source object representing the value to use. (Inherited from Selector) |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| ItemSelectionChanged | Raised when an item's selection is changed. (Inherited from Selector) |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 12 KiB |
@ -1,23 +0,0 @@ |
|||
# ChildWindow Plus |
|||
_Only available in the Plus Edition_ |
|||
|
|||
Derives from Xceed.Wpf.Toolkit.Primitives.WindowControl |
|||
|
|||
A version of the [ChildWindow](ChildWindow) with additional Properties and Events. |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| * | All the Properties from [ChildWindow](ChildWindow) |
|||
| IsMaximized | Gets or sets whether the control is maximized. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| MaximizeButtonStyle | Gets or sets the Maximize button's style. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| MinimizeButtonStyle | Gets or sets the Minimize button's style. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| ResizeMode | Gets or sets the resize mode. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| RestoreButtonStyle | Gets or sets the Restore button's style. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| * | All the Events from [ChildWindow](ChildWindow) |
|||
| MaximizeButtonClicked | Raised when the Maximize button is clicked. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| MinimizeButtonClicked | Raised when the Minimize button is clicked. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| WindowResizeThumbDrag | Raised when the window resize thumb is dragged. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
--- |
|||
@ -1,84 +0,0 @@ |
|||
# ChildWindow |
|||
Derives from Xceed.Wpf.Toolkit.Primitives.WindowControl |
|||
|
|||
Starting with version 2.0, ChildWindow (and MessageBox) is derived from WindowControl and no longer manages its parent’s background or the positioning of itself based on its parent’s size. The old version of ChildWindow will remain available, but obsolete. |
|||
|
|||
A WindowContainer should now be used to contain these controls. It provides an area where WindowControl-derived controls (ChildWindow or MessageBox controls) can be displayed. This is particularly interesting in an XBAP application where windows can't be popped up. In this case the WindowContainer can be sized to fit the application and the window-like control can be moved around in the WindowContainer. |
|||
|
|||
The WindowContainer derives from Canvas and positions its children according to its size. Many actions performed on its children are managed by the WindowContainer (movement and positioning, resizing, visibility, modal, and mouse click). This will restrict the WindowControl movements and resizing to the WindowContainer’s size. |
|||
|
|||
When no Width and Height are specified in the WindowContainer, its DesiredSize will be the size of its biggest child. |
|||
|
|||
Show the dialog by calling ChildWindow.Show or by setting the ChildWindow.WindowState property. |
|||
 |
|||
|
|||
{{ |
|||
<xctk:WindowContainer> |
|||
<xctk:ChildWindow WindowBackground="Blue" |
|||
Left="75" |
|||
Top="50" |
|||
Width="275" |
|||
Height="125" |
|||
WindowState="Open"> |
|||
<TextBlock Text="This is a Child Window" Padding="10"/> |
|||
</xctk:ChildWindow> |
|||
|
|||
<xctk:ChildWindow WindowBackground="Green" |
|||
Left="175" |
|||
Top="125" |
|||
Width="275" |
|||
Height="125" |
|||
WindowState="Open"> |
|||
<TextBlock Text="This is another Child Window" Padding="10"/> |
|||
</xctk:ChildWindow> |
|||
|
|||
<xctk:MessageBox Caption="MessageBox" |
|||
Text="This is a MessageBox"/> |
|||
</xctk:WindowContainer> |
|||
}} |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| Caption | Gets or sets the caption of the ChildWindow. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| CaptionForeground | Gets or sets the foreground color of the caption text. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| CaptionIcon | Gets or sets the caption icon. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| CaptionShadowBrush | Gets or sets the brush of the caption's shadow. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| CloseButtonStyle | Gets or sets the style of the ChildWindow's close button. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| CloseButtonVisibility | Gets or sets the visibility of the ChildWindow's close button. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| DesignerWindowState | Gets or sets the state of the ChildWindow in the designer. |
|||
| DialogResult | Gets or sets a value indicating whether the ChildWindow was accepted or canceled |
|||
| FocusedElement | Gets or sets the FrameworkElement that currently has focus. |
|||
| IsActive | Gets or sets whether the control is active. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| IsModal | Gets or sets a value indicating whether the ChildWindow is modal. |
|||
| Left | Gets or sets the left position of the ChildWindow. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| Top | Gets or sets the top position of the ChildWindow. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| WindowBackground | Gets or sets the background color of the ChildWindow. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| WindowBorderBrush | Gets or sets the BorderBrush of the ChildWindow. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| WindowBorderThickness | Gets or sets the window's border thickness. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| WindowInactiveBackground | Gets or sets the window's inactive background. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| WindowOpacity | Gets or sets the opacity of the ChildWindow. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| WindowStartupLocation | Gets or sets the startup location of the ChildWindow. |
|||
| WindowState | Gets or sets the current state of the ChildWindow. |
|||
| WindowStyle | Gets or sets the window's style. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| WindowThickness | Gets or sets the window's thickness. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| CloseButtonClicked | Raised when the Close button is clicked. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| Closed | Raised when the ChildWindow is closed. |
|||
| Closing | Raised when the ChildWindow is closing. |
|||
| HeaderDragDelta | Raised as the mouse changes position when a header has logical focus and mouse capture. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| HeaderIconClicked | Raised when the header icon is clicked. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| HeaderIconDoubleClicked | Raised when the header icon is double-clicked. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| HeaderMouseLeftButtonClicked | Raised when the header is clicked using the left mouse button. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| HeaderMouseLeftButtonDoubleClicked | Raised when the header is double-clicked using the left mouse button. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
| HeaderMouseRightButtonClicked | Raised when the header is clicked using the right mouse button. (Inherited from Xceed.Wpf.Toolkit.Primitives.WindowControl) |
|||
|
|||
## Methods |
|||
|| Method || Description |
|||
| Close | Closes the ChildWindow and sets the WindowState to Closed. |
|||
| OnApplyTemplate | Overridden. Invoked whenever application code or internal processes call ApplyTemplate. |
|||
| Show | Shows the ChildWindow and sets the WindowState to Open. |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 34 KiB |
@ -1,26 +0,0 @@ |
|||
# CollectionControl |
|||
Derives from Control |
|||
|
|||
Provides a user interface that can edit types of collections. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| IsReadOnly | Gets or sets if the data in the CollectionControl can be modified. |
|||
| Items | Gets or sets the collection used to generate the content of the CollectionControl. |
|||
| ItemsSource | Gets or sets a list used to generate the content of the CollectionControl. |
|||
| ItemsSourceType | Gets or sets the type of ItemsSource. |
|||
| NewItemTypes | Gets or sets a list of custom item types that appear in the Add ListBox. |
|||
| PropertyGrid | Gets the PropertyGrid associated with the CollectionControl. Users will be able to be notifyed on a PropertyGrid.PropertyValueChanged event. |
|||
| SelectedItem | Gets or sets the currently selected item. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| ItemAdded | Raised when the "Add" button is pressed to add an item to the ListBox and the adding is done. |
|||
| ItemAdding | Raised when the "Add" button is pressed to add an item to the ListBox and the adding is starting. |
|||
| ItemDeleted | Raised when the "X" button is pressed to remove an item from the ListBox and the removing is done. |
|||
| ItemDeleting | Raised when the "X" button is pressed to remove an item from the ListBox and the removing is starting. |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
@ -1,17 +0,0 @@ |
|||
# CollectionControlDialog |
|||
Derives from Window |
|||
|
|||
Provides a dialog containing a collection editor. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| CollectionControl| Gets the CollectionControl from the CollectionControlDialog to let the user access the CollectionControl's callbacks and events. |
|||
| IsReadOnly | Gets or sets if the data in the CollectionControl can be modified. |
|||
| ItemsSource | Gets or sets a list used to generate the content of the CollectionControl. |
|||
| ItemsSourceType | Gets or sets the type of ItemsSource. |
|||
| NewItemTypes | Gets or sets a list of custom item types that appear in the Add ListBox. |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 29 KiB |
@ -1,25 +0,0 @@ |
|||
# CollectionControl |
|||
Derives from Control |
|||
|
|||
Provides a user interface that can edit types of collections. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| IsReadOnly | Gets or sets if the data in the CollectionControl can be modified. |
|||
| Items | Gets or sets the collection used to generate the content of the CollectionControl. |
|||
| ItemsSource | Gets or sets a list used to generate the content of the CollectionControl. |
|||
| ItemsSourceType | Gets or sets the type of ItemsSource. |
|||
| NewItemTypes | Gets or sets a list of custom item types that appear in the Add ListBox. |
|||
| SelectedItem | Gets or sets the currently selected item. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| ItemAdded | Raised when the "Add" button is pressed to add an item to the ListBox and the adding is done. |
|||
| ItemAdding | Raised when the "Add" button is pressed to add an item to the ListBox and the adding is starting. |
|||
| ItemDeleted | Raised when the "X" button is pressed to remove an item from the ListBox and the removing is done. |
|||
| ItemDeleting | Raised when the "X" button is pressed to remove an item from the ListBox and the removing is starting. |
|||
|
|||
**Support this project, check out the [Plus Edition](http://wpftoolkit.com).** |
|||
--- |
|||
@ -1,11 +0,0 @@ |
|||
# CollectionEditorDialog |
|||
Provides a dialog containing a collection editor. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|
|||
|| Property || Description |
|||
| ItemsSource | Gets or sets a list used to generate the content of the CollectionEditor. |
|||
| ItemsSourceType | Gets or sets the type of ItemsSource. |
|||
| NewItemTypes | Gets or sets a list of custom item types that appear in the Add comboBox. |
|||
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 29 KiB |
@ -1,23 +0,0 @@ |
|||
# ColorCanvas |
|||
Derives from Control |
|||
|
|||
The ColorCanvas allows you to select a color either using an advanced color canvas, by setting the **HexadecimalString**, or by setting the ARGB values. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| A | Gets or sets the alpha channel of the **SelectedColor**. |
|||
| B | Gets or sets the blue channel of the **SelectedColor**. |
|||
| G | Gets or sets the green channel of the **SelectedColor**. |
|||
| HexadecimalString | Gets or sets the hexadeimal string for the **SelectedColor**. When set, the **SelectedColor** is updated to reflect the new hexadecimal string. |
|||
| R | Gets or sets the red channel of the **SelectedColor**. |
|||
| SelectedColor | Gets or sets the currently selected color. |
|||
| UsingAlphaChannel | Gets or sets a value indicating whether the alpha channel is being used. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| SelectedColorChanged | Raised when the **SelectedColor** value changes. |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 16 KiB |
@ -1,44 +0,0 @@ |
|||
# ColorPicker |
|||
Derives from Control |
|||
|
|||
The ColorPicker is an editor that allows a user to pick a color from predefind color palettes. By default, there are 140 available colors and 10 predefined standard colors. You can use your own custom color palettes by setting the AvailableColors and StandardColors properties accordingly. You can also get/set the recently used colors by using the RecentColors property. |
|||
|
|||
**Display** (DisplayColorAndName = true/false) |
|||
 |
|||
|
|||
**Expanded Standard** |
|||
 |
|||
|
|||
**Expanded Advanced** |
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| AdvancedButtonHeader | Gets or sets a value representing the text to use for the "Advanced" button in the ColorPicker's popup. |
|||
| AvailableColors | Gets or sets all colors that are available to the user for selection. |
|||
| AvailableColorsHeader | Gets or sets the header text of the Available Colors section. |
|||
| AvailableColorSortingMode | Gets or sets the way the Available colors are sorted (Alphabetical or by HueSaturationBrightness). By default, Alphabetical. |
|||
| ButtonStyle | Gets or sets the dropdown button style. |
|||
| ColorMode | Gets or sets the current display of the ColorPicker (ColorPalette or ColorCanvas). By default, ColorPalette. |
|||
| DisplayColorAndName | Gets or sets a value indicating if the control should display the color, or the color and color name. |
|||
| IsOpen | Gets or sets the value indicating if the color dropdown is open. |
|||
| RecentColors | Gets or sets all the recently selected colors. |
|||
| RecentColorsHeader | Gets or sets the header text of the Recent Colors section. |
|||
| SelectedColor | Gets or sets the currently selected color. |
|||
| SelectedColorText | Gets the known color name, or the color hexadecimal string of the **SelectedColor**. |
|||
| ShowAdvancedButton | Gets or sets the visibility of the Advance color mode button. |
|||
| ShowAvailableColors | Gets or sets the visibility of the **AvailableColors**. |
|||
| ShowDropDownButton | Gets or sets a value indicating whether the dropdown button is shown. |
|||
| ShowRecentColors | Gets or sets the visibility of the **RecentColors** (false by default). |
|||
| ShowStandardColors | Gets or sets the visibility of the **StandardColors**. |
|||
| StandardButtonHeader | Gets or sets the text to use for the "Standard" button in the ColorPicker's popup. |
|||
| StandardColors | Gets or sets a standard color palette. |
|||
| StandardColorsHeader | Gets or sets the header text of the Standard Colors section. |
|||
| UsingAlphaChannel | Gets a value indicating whether the alpha channel is being used. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| SelectedColorChanged | Raised when the **SelectedColor** value changes. |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 55 KiB |
@ -1,863 +0,0 @@ |
|||
<div class="wikidoc"> |
|||
<h2>Compare Extended WPF Toolkit Editions</h2> |
|||
<p>The free, open source <strong>Community Edition</strong> is provided here on CodePlex under the Microsoft Public License and without technical support. The |
|||
<strong><a title="Xceed Toolkit Plus for WPF" href="https://xceed.com/xceed-toolkit-plus-for-wpf/">Plus Edition</a></strong> is at least one release ahead, adds additional controls and features, and if you get the 1-year subscription, includes technical |
|||
support and updates. There is also <a title="Xceed Business Suite for WPF home page" href="https://xceed.com/xceed-business-suite-for-wpf/">Xceed Business Suite for WPF</a> which adds the full-featured version of the industry's best datagrid: |
|||
<a title="Xceed DataGrid for WPF" href="https://xceed.com/xceed-datagrid-for-wpf"> |
|||
Xceed DataGrid for WPF</a>.</p> |
|||
<p><a title="Xceed Toolkit Plus for WPF (Shop)" href="https://xceed.com/product/xceed-toolkit-plus-for-wpf"><img src="http://download-codeplex.sec.s-msft.com/Download?ProjectName=wpftoolkit&DownloadId=903845" alt="Buy Now (Limited Time)" width="241" height="60"></a> </p> |
|||
<p>Here is a detailed table with the features in each edition: </p> |
|||
<table width="609" style="height:279px"> |
|||
<tbody> |
|||
<tr> |
|||
<td><strong> </strong></td> |
|||
<td style="text-align:center"> |
|||
<p><strong><br> |
|||
Community<br> |
|||
</strong><strong>Edition</strong></p> |
|||
</td> |
|||
<td style="text-align:center"> |
|||
<p><strong><br> |
|||
Plus<br> |
|||
</strong><strong>Edition</strong></p> |
|||
</td> |
|||
<td style="text-align:center"><strong>Xceed<br> |
|||
Business </strong><br> |
|||
<strong>Suite</strong></td> |
|||
</tr> |
|||
<tr> |
|||
<td><strong> </strong></td> |
|||
<td style="text-align:center"><strong> </strong> Free<strong> </strong></td> |
|||
<td style="text-align:center"> |
|||
<p>$499.95 or <br> |
|||
$999.95<br> |
|||
w/subscription</p> |
|||
</td> |
|||
<td style="text-align:center"><strong> </strong>$1999.95<strong> </strong></td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"><a title="Buy Xceed Toolkit Plus for WPF now" href="https://xceed.com/product/xceed-toolkit-plus-for-wpf">buy now</a></td> |
|||
<td style="text-align:center"><a title="Buy Xceed Business Suite for WPF now" href="https://xceed.com/product/xceed-business-suite-for-wpf/">buy now</a></td> |
|||
</tr> |
|||
<tr> |
|||
<td><strong> General features </strong></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> WPF controls</td> |
|||
<td style="text-align:center">47</td> |
|||
<td style="text-align:center"><strong>60 </strong></td> |
|||
<td style="text-align:center">98<strong> </strong></td> |
|||
</tr> |
|||
<tr> |
|||
<td> Toolkit version</td> |
|||
<td style="text-align:center">v3.0.0</td> |
|||
<td style="text-align:center">v3.2.0</td> |
|||
<td style="text-align:center">v3.2.0</td> |
|||
</tr> |
|||
<tr> |
|||
<td> 2D layouts and panels</td> |
|||
<td style="text-align:center">2</td> |
|||
<td style="text-align:center">14 </td> |
|||
<td style="text-align:center">14 </td> |
|||
</tr> |
|||
<tr> |
|||
<td> Windows 8 theme to match base WPF controls</td> |
|||
<td style="text-align:center">YES </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> Windows 10 theme</td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> Metro theme</td> |
|||
<td style="text-align:center"><strong> </strong></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> Office theme</td> |
|||
<td style="text-align:center"><strong> </strong></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> Above themes also style all base WPF controls</td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> Your issues and suggestions get priority</td> |
|||
<td style="text-align:center"><strong> </strong></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> Plus Edition of PropertyGrid and other controls</td> |
|||
<td style="text-align:center"><strong> </strong></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> Controls for creating Material Design look</td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">16</td> |
|||
<td style="text-align:center">16</td> |
|||
</tr> |
|||
<tr> |
|||
<td> Advanced features in DataGrid control</td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> 3D Views for WPF</td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> Technical support</td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">With subscription</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> Documentation integrated into Visual Studio</td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td><strong> Detailed list of controls</strong></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Charts">Charts</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> FilePicker</td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> MultiCalendar</td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=MultiColumnComboBox">Multi-column ComboBox</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PileFlowPanel">PileFlowPanel</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=RadialGauge">RadialGauge</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Rating">Rating</a></td> |
|||
<td style="text-align:center"><strong> </strong></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> SlideShow</td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=StyleableWindow">StyleableWindow</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=TokenizedTextBox">TokenizedTextBox</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=ToggleSwitch">ToggleSwitch</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Ultimate%20ListBox">Ultimate ListBox</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=AvalonDock">AvalonDock</a> (Docking windows)</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=AutoSelectTextBox">AutoSelectTextBox</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=BusyIndicator">BusyIndicator</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=ButtonSpinner">ButtonSpinner</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=ByteUpDown">ByteUpDown</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Calculator">Calculator</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=CalculatorUpDown">CalculatorUpDown</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=CheckComboBox">CheckComboBox</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=CheckListBox">CheckListBox</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=ChildWindow">ChildWindow</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=CollectionControl">CollectionControl</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=CollectionControlDialog">CollectionControlDialog</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=ColorCanvas">ColorCanvas</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=ColorPicker">ColorPicker</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=DataGrid">DataGrid</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=DateTimePicker">DateTimePicker</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=DateTimeUpDown">DateTimeUpDown</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=DecimalUpDown">DecimalUpDown</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=DoubleUpDown">DoubleUpDown</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=DropDownButton">DropDownButton</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> IconButton</td> |
|||
<td style="text-align:center">Coming v3.2</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=IntegerUpDown">IntegerUpDown</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=LongUpDown">LongUpDown</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Magnifier">Magnifier</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=MaskedTextBox">MaskedTextBox</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=MessageBox">MessageBox</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=MultiLineTextEditor">MultiLineTextEditor</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PieChart">PieChart</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PrimitiveTypeCollectionEditor">PrimitiveTypeCollectionEditor</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid">PropertyGrid</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=RangeSlider">RangeSlider</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=RichTextBox">RichTextBox</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=RichTextBoxFormatBar">RichTextBoxFormatBar</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=ShortUpDown">ShortUpDown</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=SingleUpDown">SingleUpDown</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=SplitButton">SplitButton</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=SwitchPanel">SwitchPanel</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=TimelinePanel">TimelinePanel</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=TimePicker">TimePicker</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=TimeSpanUpDown">TimeSpanUpDown</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=ValueRangeTextBox">ValueRangeTextBox</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> WatermarkComboBox</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> WatermarkPasswordBox</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=WatermarkTextBox">WatermarkTextBox</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=WindowContainer">WindowContainer</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=WindowControl">WindowControl</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Wizard">Wizard</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Zoombox">Zoombox</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> <strong>PropertyGrid Plus features</strong></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature1">Custom properties</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature2">Advanced setting of property editors</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature3">Expandable properties when multi-selecting</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature4">Collapse categories with specific attributes</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature5">Attributes for localization</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature6">Override property's editor definitions</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature7">Insert/remove properties at runtime</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature8">List source for properties</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature9">Show common properties of multiple objects</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature10">Custom properties list</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature12">Category ordering without attributes</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature13">Validation when using multi-selected objects</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid%20Plus#feature14">DependsOn Attribute</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td><strong> ChildWindow, MessageBox, ChildWindow Plus</strong></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=ChildWindow%20Plus">Resize and maximize features</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> <strong>SwitchPanel panels and layouts</strong></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=WrapPanel">WrapPanel</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=RandomPanel">RandomPanel</a></td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=AnimatedTimelinePanel">AnimatedTimelinePanel</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=AutoStretchStackPanel">AutoStretchStackPanel</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=CameraPanel">CameraPanel</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Canvas">Canvas</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Carousel">Carousel</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=DockPanel">DockPanel</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Grid">Grid</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=PerspectivePanel">PerspectivePanel</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=RadialCanvas">RadialCanvas</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=RelativeCanvas">RelativeCanvas</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=StackedStackPanel">StackedStackPanel</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=StackPanel">StackPanel</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td><strong> Professional DataGrid features</strong></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#masterdetailview">Master/detail view</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#treegridview">Tree grid view</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#cardview">Card view</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#3dview">3D view</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#filterrow">Filter row</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#insertionrow">Insertion row</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#autofilterpopup">Auto-filter popup</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#statrows">Statistics rows and summary rows</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#printpreview">Print/preview</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#exporting">Exporting</a> (CSV, Excel, etc.) </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#columnchooser">Column chooser</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#columnsplittercontrol">Column splitter control</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#persistusersettings">Persist user settings</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#mergedcolumnheaders">Merged column headers</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#designtimesupport">Design-time support</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#exceldragtoselect">Excel-like drag-to-select rows and cells</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
<tr> |
|||
<td> <a href="https://wpftoolkit.codeplex.com/wikipage?title=Advanced%20DataGrid#asyncbindingmode">Asynchronous binding mode</a></td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center"> </td> |
|||
<td style="text-align:center">YES</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
<p> </p> |
|||
</div><div class="ClearBoth"></div> |
|||
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
@ -1,97 +0,0 @@ |
|||
# DataGrid |
|||
|
|||
The datagrid included in Extended WPF Toolkit provides a stunning, shaded appearance and capabilities such as inertial smooth scrolling and animated full-column reordering—which mimics the physics of real-life movement. Add to that the datagrid’s zero-lag data virtualization, and you have the fastest WPF datagrid around—in performance and feel. It also easily handles millions of rows and thousands of columns, and integrates quickly into any WPF app. |
|||
|
|||
This datagrid was the first datagrid for WPF. It was released in 2007 and has been consistently updated since then. There have been 68 major and minor as of April 2016. It is used in many major business applications, and is also used by portions of Visual Studio. |
|||
|
|||
The datagrid control is contained in a separate assembly, Xceed.Wpf.DataGrid, which must be added to your project and then referenced where necessary. |
|||
|
|||
Note: You can find complete documentation of the datagrid API [here](https://xceed.com/wp-content/documentation/xceed-toolkit-plus-for-wpf/webframe.html#Datagrid%20control.html). You can also find detailed descriptions of how the various classes work together in the [Xceed DataGrid for WPF documentation](https://xceed.com/wp-content/documentation/xceed-datagrid-for-wpf/webframe.html), but please bear in mind that that product's documentation covers features that may not be available in this Toolkit version. |
|||
|
|||
See the [Advanced DataGrid](Advanced-DataGrid) page for a list of differences between the Toolkit's datagrid and the advanced edition, Xceed DataGrid for WPF. |
|||
|
|||
 |
|||
|
|||
## Usage |
|||
|
|||
**XAML** |
|||
{{ |
|||
<sample:DemoView x:Class="Samples.Modules.DataGrid.Views.HomeView" |
|||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
|||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
|||
xmlns:sample="clr-namespace:Samples.Infrastructure.Controls;assembly=Samples.Infrastructure" |
|||
xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit" |
|||
xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid" |
|||
xmlns:compModel="clr-namespace:System.ComponentModel;assembly=WindowsBase" |
|||
xmlns:local="clr-namespace:Samples.Modules.DataGrid" |
|||
Title="DataGrid" |
|||
x:Name="_demo"> |
|||
<sample:DemoView.Description> |
|||
Extended WPF Toolkit DataGrid control sample. |
|||
</sample:DemoView.Description> |
|||
<Grid> |
|||
<Grid.Resources> |
|||
<xcdg:DataGridCollectionViewSource x:Key="cvsOrders" |
|||
Source="{Binding ElementName=_demo, Path=Orders}"> |
|||
<xcdg:DataGridCollectionViewSource.GroupDescriptions> |
|||
<PropertyGroupDescription PropertyName="ShipCountry" /> |
|||
<PropertyGroupDescription PropertyName="ShipCity" /> |
|||
</xcdg:DataGridCollectionViewSource.GroupDescriptions> |
|||
</xcdg:DataGridCollectionViewSource> |
|||
</Grid.Resources> |
|||
|
|||
<xcdg:DataGridControl x:Name="_dataGrid" |
|||
MaxHeight="400" |
|||
ItemsSource="{Binding Source={StaticResource cvsOrders} }" > |
|||
<xcdg:DataGridControl.View> |
|||
<xcdg:TableflowView FixedColumnCount="2" /> |
|||
</xcdg:DataGridControl.View> |
|||
|
|||
<xcdg:DataGridControl.Columns> |
|||
<!--Preconfigure the OrderID Column of the grid with CellValidationRule. --> |
|||
<xcdg:Column FieldName="OrderID" |
|||
IsMainColumn="True"> |
|||
<xcdg:Column.CellValidationRules> |
|||
<local:UniqueIDCellValidationRule /> |
|||
</xcdg:Column.CellValidationRules> |
|||
</xcdg:Column> |
|||
</xcdg:DataGridControl.Columns> |
|||
</xcdg:DataGridControl> |
|||
</Grid> |
|||
</sample:DemoView> |
|||
}} |
|||
|
|||
**Code behind** |
|||
{{ |
|||
using Microsoft.Practices.Prism.Regions; |
|||
using Samples.Infrastructure.Controls; |
|||
using Xceed.Wpf.DataGrid.Samples.SampleData; |
|||
using System.Data; |
|||
using Xceed.Wpf.DataGrid; |
|||
|
|||
namespace Samples.Modules.DataGrid.Views |
|||
{ |
|||
/// <summary> |
|||
/// Interaction logic for HomeView.xaml |
|||
/// </summary> |
|||
[RegionMemberLifetime( KeepAlive = false )](RegionMemberLifetime(-KeepAlive-=-false-)) |
|||
public partial class HomeView : DemoView |
|||
{ |
|||
public HomeView() |
|||
{ |
|||
this.Orders = DataProvider.GetNorthwindDataSet().Tables[ "Orders" ](-_Orders_-); |
|||
InitializeComponent(); |
|||
} |
|||
|
|||
public DataTable Orders |
|||
{ |
|||
get; |
|||
private set; |
|||
} |
|||
|
|||
} |
|||
} |
|||
}} |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 66 KiB |
@ -1,49 +0,0 @@ |
|||
# DateTimePicker |
|||
Derives from Xceed.Wpf.Toolkit.DateTimeUpDown |
|||
|
|||
Get the best of both worlds: The user can increment or decrement the DateTime using button spinners, up/down keys, or the mouse wheel, or can modify the DateTime in the dropdown calendar. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| AllowSpin | Gets or sets the ability to perform increment/decrement operations via the keyboard, button spinners, or mouse wheel. (Inherited from UpDownBase) |
|||
| AutoCloseCalendar | Gets or sets if the Calendar should close on a selection. |
|||
| ClipValueToMinMax | Gets or sets if the value should be clipped when minimum/maximum is reached. (Inherited from UpDownBase) |
|||
| CultureInfo | Gets or sets the current CultureInfo. (Inherited from InputBase) |
|||
| DefaultValue | Gets or sets the value to use when the **Value** is null and an increment/decrement operation is performed. (Inherited from UpDownBase) |
|||
| DisplayDefaultValueOnEmptyText | Gets or sets if the **DefaultValue** should be displayed when the **Text** is empty. (Inherited from UpDownBase) |
|||
| Format | Gets or sets a DateTimeFormat value representing the format to be used (FullDateTime, LongDate, etc.). (Inherited from DateTimeUpDown). |
|||
| FormatString | Gets or sets the display format to use when **Format** is set to Custom (e.g., "hh:mm tt") (Inherited from DateTimeUpDown). |
|||
| IsOpen | Gets or sets a value indicating whether the DateTimePicker is open. |
|||
| IsReadOnly | Gets or sets if the control is read only. (Inherited from InputBase) |
|||
| Kind | Gets or sets a value indicating whether a DateTime object represents a local time, a Coordinated Universal Time (UTC), or is not specified as either local time or UTC. NOTE: Setting this property fixes a bug where losing focus on the DateTimePicker was incrementing time in UTC. It also fixes a bug where specifying a UTC Date was changing the date's Kind property to UnSpecified or Local. |
|||
| Maximum | Gets or sets the maximum allowed value. (Inherited from UpDownBase) |
|||
| Minimum | Gets or sets the minimum allowed value. (Inherited from UpDownBase) |
|||
| MouseWheelActiveTrigger | Gets or sets when the MouseWheel is active (Focused, FocusedMouseOver, MouseOver, Disabled). By default FocusedMouseOver. (Inherited from UpDownBase). |
|||
| ShowButtonSpinner | Gets or sets if the ButtonSpinners are visible. (Inherited from UpDownBase) |
|||
| Text | Gets or sets the formatted string representation of the value. (Inherited from InputBase) |
|||
| TextAlignment | Gets or sets the alignment of the Text. (Left, Right, Center, Justify). By default Left. (Inherited from InputBase) |
|||
| TimeFormat | Gets or sets the time format. |
|||
| TimeFormatString | Gets or sets the time format string used when **TimeFormat** is set to Custom. |
|||
| TimePickerAllowSpin | Gets or sets if the TimePicker in the DateTimePicker can Spin. |
|||
| TimePickerShowButtonSpinner | Gets or sets if the ButtonSpinners of the TimePicker in the DateTimePicker are shown. |
|||
| TimePickerVisibility | Gets or sets if the TimePicker in the DateTimePicker is visible. |
|||
| TimeWatermark | Gets or sets the time watermark. |
|||
| TimeWatermarkTemplate | Gets or sets the time watermark's data template. |
|||
| UpdateValueOnEnterKey | Gets or sets a value indicating whether the synchronization between "Value" and "Text" should be done only on the Enter key press (and lost focus). |
|||
| Value | Gets or sets the numeric value. (Inherited from UpDownBase) |
|||
| Watermark | Gets or sets the object to use as a watermark if **Value** is null. (Inherited from InputBase) |
|||
| WatermarkTemplate | Gets or sets the DataTemplate to use for the **Watermark**. (Inherited from InputBase) |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| InputValidationError | Raised when the **Text** cannot be converted to a valid **Value**. (Inherited from UpDownBase) |
|||
| ValueChanged | Raised when the **Value** changes. (Inherited from UpDownBase) |
|||
|
|||
## Methods |
|||
|| Method || Description |
|||
| SelectAll | Select all the Text from the TextBox in the DateTimePicker. (Inherited from DateTimeUpDownBase) |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 22 KiB |
@ -1,79 +0,0 @@ |
|||
# DateTimeUpDown |
|||
Derives from Xceed.Wpf.Toolkit.Core.Primitives.DateTimeUpDownBase |
|||
|
|||
The DateTimeUpDown control allows a user to increment or decrement a DateTime using button spinners, up/down keys, or the mouse wheel. |
|||
|
|||
## Usage |
|||
To use the DateTimeUpDown control simply create an instance of the control in your XAML file, specify the DateTimeUpDown.Value property, and select a Format by setting the DateTimeUpDown.Format property. |
|||
|
|||
{{ |
|||
<xctk:DateTimeUpDown Value="{Binding LastUpdated}" Format="FullDateTime" /> |
|||
}} |
|||
|
|||
## Modifying the DateTime Value |
|||
To increment or decrement the DateTime value, simply select the DateTime part you wish to modify and then interact with either the mouse wheel, spinner buttons, or updown arrow keys. The following image shows what the different DateTime parts look like when you select them. |
|||
|
|||
 |
|||
|
|||
Depending on your DateTimeUpDown.Format, you may or maynot have all DateTime parts available. You can also get the formatted DateTimeUpDown.Value by using the DateTimeUpDown.Text property. |
|||
|
|||
## Formats |
|||
|
|||
|| Format | Example |
|||
| FullDateTime |  |
|||
| LongDate |  |
|||
| LongTime |  |
|||
| MonthDay |  |
|||
| RFC1123 |  |
|||
| ShortDate |  |
|||
| ShortTime |  |
|||
| SortableDateTime |  |
|||
| UniversalSortableDateTime |  |
|||
| YearMonth |  |
|||
|
|||
## Custom Format |
|||
|
|||
If the available formats don't fit you rneeds you can create your own custom format. Simply specfiy the Format property as Custom and then provide a FormatString. |
|||
|
|||
 |
|||
|
|||
{{ |
|||
<extToolkit:DateTimeUpDown Format="Custom" FormatString="hh:mm tt" Value="13:30" /> |
|||
}} |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| AllowSpin | Gets or sets the ability to perform increment/decrement operations via the keyboard, button spinners, or mouse wheel. (Inherited from UpDownBase<T>) |
|||
| AllowTextInput | Determines if the editable part of the control can be edited. The editable part does not include buttons or spinners, it is typically the text part. |
|||
| ClipValueToMinMax | Gets or sets if the value should be clipped when minimum/maximum is reached. (Inherited from UpDownBase) |
|||
| CultureInfo | Gets or sets the current CultureInfo. (Inherited from InputBase) |
|||
| DefaultValue | Get or sets the value to use when the **Value** is null and an increment/decrement operation is performed. (Inherited from UpDownBase) |
|||
| DisplayDefaultValueOnEmptyText | Gets or sets if the **DefaultValue** should be displayed when the **Text** is empty. (Inherited from UpDownBase) |
|||
| Format | Gets or sets a DateTimeFormat value representing the format to be used (e.g., FullDateTime, LongDate, etc.). |
|||
| FormatString | Gets or sets the display format to use when **Format** is set to **Custom** (e.g., "hh:mm tt"). |
|||
| IsReadOnly | Gets or sets a value indicating whether the control is read only. (Inherited from InputBase) |
|||
| Kind | Gets or sets a value indicating whether a DateTime object represents a local time, a Coordinated Universal Time (UTC), or is not specified as either local time or UTC. NOTE: Setting this property fixes a bug where losing focus on the DateTimeUpDown was incrementing time in UTC. It also fixes a bug where specifying a UTC Date was changing the date's Kind property to UnSpecified or Local. |
|||
| Maximum | Gets or sets the maximum allowed value. (Inherited from UpDownBase) |
|||
| Minimum | Gets or sets the minimum allowed value. (Inherited from UpDownBase) |
|||
| MouseWheelActiveOnFocus | Gets or sets if the control must have focus in order for the mouse wheel to incement/decrement the value. True by default. (Inherited from UpDownBase<T>) |
|||
| ShowButtonSpinner | Gets or sets if the button spinners are visible. (Inherited from UpDownBase<T>) |
|||
| Spinner | Gets or sets the spinner to use in the control. (Inherited from UpDownBase<T>) |
|||
| Text | Gets or sets the formated string representation of the value. (Inherited from InputBase) |
|||
| TextAlignment | Gets or sets the alignment of the value of **Text**. (Inherited from InputBase) |
|||
| TextBox | Gets or sets the TextBox to use in the control. (Inherited from UpDownBase<T>) |
|||
| UpdateValueOnEnterKey | Gets or sets a value indicating whether the synchronization between "Value" and "Text" should be done only on the Enter key press (and lost focus). (Inherited from UpDownBase) |
|||
| Value | Gets or sets the numeric value. (Inherited from UpDownBase<T>) |
|||
| Watermark | Gets or sets the object to use as a watermark if the **Value** is null. (Inherited from InputBase) |
|||
| WatermarkTemplate | Gets or sets the DatTemplate to use for the **Watermark**. (Inherited from InputBase) |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| InputValidationError | Raised when the **Text** cannot be converted to a valid **Value**. (Inherited from UpDownBase) |
|||
| ValueChanged | Raised when the **Value** changes. (Inherited from UpDownBase<T>) |
|||
|
|||
## Methods |
|||
|| Method || Description |
|||
| SelectAll | Select all the Text from the TextBox in the DateTimeUpDown. |
|||
|
|||
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
@ -1,88 +0,0 @@ |
|||
# DecimalUpDown |
|||
The DecimalUpDown control provides a TextBox with button spinners that allow incrementing and decrementing Nullable<Decimal> values by using the spinner buttons, keyboard up/down arrows, or mouse wheel. |
|||
|
|||
* [Usage](#usage) |
|||
* [Applying Format Strings](#formatstring) |
|||
* [Supported Format Strings](#supportedformatstring) |
|||
* [Watermark](#watermarks) |
|||
* [Properties](#properties) |
|||
* [Events](#events) |
|||
{anchor:usage} |
|||
## Usage |
|||
|
|||
 |
|||
|
|||
When using the DecimalUpDown in data binding scenarios, bind your object's value to the **Value** property. You can specify how much to increment the value by setting the **Increment** property. You can control the minimum and maximum allowed values by setting the **Minimum** and the **Maximum** properties. Use IsReadOnly to determine whether the control is read only. If you would like to get the actual formatted string representation of the value, you can use the **Text** property. |
|||
|
|||
{anchor:formatstring} |
|||
## Applying FormatStrings |
|||
|
|||
**Default:** |
|||
 |
|||
{{ |
|||
<xctk:DecimalUpDown Value="1564.6749586" />}} |
|||
|
|||
**Floating Point:** |
|||
 |
|||
{{ |
|||
<xctk:DecimalUpDown FormatString="F3" Value="1564.6749586" Increment=".001" Maximum="200000.599" /> |
|||
}} |
|||
|
|||
**Currency:** |
|||
 |
|||
{{ |
|||
<xctk:DecimalUpDown FormatString="C2" Value="1564.6749586" Increment=".5" Maximum="5000.50" Minimum="50.01" /> |
|||
}} |
|||
|
|||
{anchor:supportedformatstring} |
|||
## Supported Format Strings |
|||
|
|||
|| Format Specifier || Name |
|||
| C | Currency |
|||
| F | Fixed Point |
|||
| G | General |
|||
| N | Number |
|||
| P | Percent |
|||
|
|||
{anchor:watermarks} |
|||
## Watermark |
|||
You can provide a **Watermark** to show text in place of a NULL **Value**. |
|||
|
|||
 |
|||
{{ |
|||
<xctk:DecimalUpDown Watermark="Enter Decimal" /> |
|||
}} |
|||
{anchor:properties} |
|||
## Properties |
|||
|| Property || Description |
|||
| AllowSpin | Gets or sets the ability to perform increment/decrement operations via the keyboard, button spinners, or mouse wheel. (Inherited from UpDownBase) |
|||
| AllowTextInput | Determines if the editable part of the control can be edited. The editable part does not include buttons or spinners, it is typically the text part. |
|||
| AutoMoveFocus | Gets or sets if the focus can move from this control to other controls. (Inherited from NumericUpDown) |
|||
| AutoSelectBehavior | Gets or sets a value indicating how the content of the auto-select text box is selected (Never or OnFocus). By default, OnFocus. (Inherited from NumericUpDown) |
|||
| ButtonSpinnerLocation | Gets/Sets the location of the Up/Down buttons (either on the left or on the right) of numericUpDown controls. |
|||
| ClipValueToMinMax | Gets or sets if the value should be clipped when minimum/maximum is reached. (Inherited from UpDownBase) |
|||
| CultureInfo | Gets or sets the current CultureInfo. (Inherited from InputBase) |
|||
| DefaultValue | Gets or sets the value to use when the **Value** is null and an increment/decrement operation is performed. (Inherited from UpDownBase) |
|||
| DisplayDefaultValueOnEmptyText | Gets or sets if the defaultValue should be displayed when the Text is empty. (Inherited from UpDownBase) |
|||
| FormatString | Gets or sets the dispaly format of the **Value**. |
|||
| Increment | Gets or sets the amount in which to increment the value. (Inherited from NumericUpDown) |
|||
| IsReadOnly | Gets or sets if the control is read only. (Inherited from InputBase) |
|||
| Maximum | Gets or sets the maximum allowed value. (Inherited from UpDownBase) |
|||
| Minimum | Gets or sets the minimum allowed value. (Inherited from UpDownBase) |
|||
| MouseWheelActiveTrigger | Gets or sets when the MouseWheel is active (Focused, FocusedMouseOver, MouseOver, Disabled). By default, FocusedMouseOver. (Inherited from UpDownBase). |
|||
| ParsingNumberStyle | Gets or sets the parsing style (AllowLeadingWhite, Float, AllowHexSpecifier, ...). By default, Any. (Inherited from CommonNumericUpDown) |
|||
| ShowButtonSpinner | Gets or sets if the ButtonSpinners are visibles. (Inherited from UpDownBase) |
|||
| Text | Gets or sets the formated string representation of the value. (Inherited from InputBase) |
|||
| TextAlignment | Gets or sets the alignment of the **Text** (Left, Right, Center, Justify). By default, Left. (Inherited from InputBase) |
|||
| UpdateValueOnEnterKey | Gets or sets a value indicating whether the synchronization between "Value" and "Text" should be done only on the Enter key press (and lost focus). (Inherited from UpDownBase) |
|||
| Value | Gets or sets the numeric value. (Inherited from UpDownBase) |
|||
| Watermark | Gets or sets the object to use as a watermark if the **Value** is null. (Inherited from InputBase) |
|||
| WatermarkTemplate| Gets or sets the DatTemplate to use for the **Watermark**. (Inherited from InputBase) |
|||
{anchor:events} |
|||
## Events |
|||
|| Event || Description |
|||
| InputValidationError | Occurs when the Text cannot be converted to a valid Value. (Inherited from UpDownBase) |
|||
| ValueChanged | Raised when the Value changes. (Inherited from UpDownBase) |
|||
|
|||
**Support this project, check out the [Plus Edition](http://wpftoolkit.com).** |
|||
--- |
|||
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
@ -1,23 +0,0 @@ |
|||
# DockPanel |
|||
_Only available in the Plus Edition_ |
|||
|
|||
Derives from AnimationPanel |
|||
|
|||
Exactly like WPF's native DockPanel, except that this panel can animate its children and be used inside a SwitchPanel. |
|||
|
|||
 |
|||
|
|||
## Properties |
|||
|| Property || Description |
|||
| * | All the Properties from [Canvas](Canvas) Panel |
|||
| LastChildFill | Gets or sets is the last child is filled. |
|||
|
|||
## Events |
|||
|| Event || Description |
|||
| * | All the Events from [Canvas](Canvas) Panel. |
|||
|
|||
## Methods |
|||
|| Method || Description |
|||
| GetDock( DependencyObject d ) | Gets the Dock property |
|||
| SetDock( DependencyObject d, Dock value ) | Sets the Dock property |
|||
--- |
|||
|
Before Width: | Height: | Size: 12 KiB |