■ ButtonEditSettings 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"> <dxg:GridControl x:Name="gridControl"> <dxg:GridControl.Columns> <dxg:GridColumn FieldName="UnitPrice"> <dxg:GridColumn.EditSettings> <dxe:ButtonEditSettings AllowDefaultButton="False"> <dxe:ButtonEditSettings.Buttons> <dxe:ButtonInfo x:Name="plusButtonInfo" GlyphKind="Plus" Click="plusButtonInfo_Click"/> <dxe:ButtonInfo x:Name="minusButtonInfo" GlyphKind="Minus" Click="minusButtonInfo_Click"/> </dxe:ButtonEditSettings.Buttons> </dxe:ButtonEditSettings> </dxg:GridColumn.EditSettings> </dxg:GridColumn> </dxg:GridControl.Columns> <dxg:GridControl.View> <dxg:TableView x:Name="tableView" /> </dxg:GridControl.View> </dxg:GridControl> </Grid> |
■ LookUpEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
|
<Grid xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core" xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid" xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" dx:ThemeManager.ThemeName="Office2010Black"> <dxg:LookUpEdit x:Name="lookUpEdit" Width="150" Height="25" AutoPopulateColumns="False" ValueMember="CustomerID" DisplayMember="ContactName"> <dxg:LookUpEdit.StyleSettings> <dxg:SearchLookUpEditStyleSettings /> </dxg:LookUpEdit.StyleSettings> <dxg:LookUpEdit.PopupContentTemplate> <ControlTemplate> <dxg:GridControl Name="PART_GridControl"> <dxg:GridControl.Columns> <dxg:GridColumn FieldName="CompanyName" /> <dxg:GridColumn FieldName="ContactName" /> <dxg:GridColumn FieldName="ContactTitle" /> <dxg:GridColumn FieldName="City" /> </dxg:GridControl.Columns> <dxg:GridControl.View> <dxg:TableView /> </dxg:GridControl.View> </dxg:GridControl> </ControlTemplate> </dxg:LookUpEdit.PopupContentTemplate> </dxg:LookUpEdit> </Grid> |
▶ 예제 코드 (C#)
|
this.lookUpEdit.ItemsSource = new NorthwindDataSetTableAdapters.CustomersTableAdapter().GetData(); |
■ SpinEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:SpinEdit x:Name="spinEdit" Width="150" Height="25" Increment="0.01" DisplayFormatString="c2" /> </Grid> |
■ PopupColorEdit 클래스의 Palettes 속성을 사용해 커스텀 팔레트를 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:PopupColorEdit x:Name="popupColorEdit" Width="150" Height="25" /> </Grid> |
▶ 예제 코드 (C#)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
|
using System.Collections.Generic; using System.Windows.Media; using DevExpress.Xpf.Editors; this.popupColorEdit.Palettes.Add(CustomPalette.CreateGradientPalette("Paper Colors", PredefinedColorCollections.Paper)); this.popupColorEdit.Palettes.Add ( new CustomPalette ( "Custom RGB Colors", new List<Color>() { Color.FromRgb(170, 0 , 0 ), Color.FromRgb(0 , 125, 0 ), Color.FromRgb(0 , 0 , 170) } ) ); |
■ TrackBarEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TrackBarEdit x:Name="trackBarEdit" Width="150" Height="30" Minimum="-200" Maximum="200" TickPlacement="Both" TickFrequency="50" ShowNullTextForEmptyValue="False" SelectionStart="-45" SelectionEnd="40"> <dxe:TrackBarEdit.StyleSettings> <dxe:TrackBarRangeStyleSettings/> </dxe:TrackBarEdit.StyleSettings> </dxe:TrackBarEdit> </Grid> |
■ ProgressBarEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:ProgressBarEdit x:Name="progressBarEdit" Width="150" Height="20" Minimum="0" Maximum="10" Value="5" /> </Grid> |
■ DateEdit 엘리먼트의 ShowWeekNumbers 속성을 사용해 주차를 보여주는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:DateEdit x:Name="dateEdit" Width="240" Height="25" ShowWeekNumbers="True" /> </Grid> |
■ ComboBoxEdit 엘리먼트의 StyleSettings 속성을 사용해 라디오 콤보 박스 에디터를 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:ComboBoxEdit x:Name="comboBoxEdit" Width="150" Height="25" ValueMember="CategoryID" DisplayMember="CategoryName"> <dxe:ComboBoxEdit.StyleSettings> <dxe:RadioComboBoxStyleSettings /> </dxe:ComboBoxEdit.StyleSettings> </dxe:ComboBoxEdit> </Grid> |
■ TextEdit 엘리먼트의 Mask 속성을 사용해 마스크를 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TextEdit x:Name="textEdit" Width="100" Height="25" MaskType="Simple" Mask="(000) 0000-0000" /> </Grid> |
■ SparklineEditSettings 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"> <dxg:GridControl x:Name="gridControl" ItemsSource="{Binding SaleDataRowList}"> <dxg:GridControl.Columns> <dxg:GridColumn FieldName="Title" Header="Order" ReadOnly="True" Width="200" /> <dxg:GridColumn FieldName="SparklineData" Header="Sales" Width="200"> <dxg:GridColumn.EditSettings> <dxe:SparklineEditSettings PointArgumentMember="ArgumentColumn" PointValueMember="ValueColumn"> <dxe:SparklineEditSettings.PointArgumentRange> <dxe:Range Auto="False" Limit1="07/17/2013" Limit2="08/15/2013" /> </dxe:SparklineEditSettings.PointArgumentRange> <dxe:SparklineEditSettings.StyleSettings> <dxe:AreaSparklineStyleSettings Brush="BlueViolet" HighlightMaxPoint="True" HighlightMinPoint="True" MaxPointBrush="Red" MinPointBrush="Blue" /> </dxe:SparklineEditSettings.StyleSettings> </dxe:SparklineEditSettings> </dxg:GridColumn.EditSettings> </dxg:GridColumn> </dxg:GridControl.Columns> </dxg:GridControl> </Grid> |
■ TextEdit 엘리먼트에서 2개 이상의 줄을 입력하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TextEdit x:Name="decimalTextEdit" Width="300" Height="300" FontFamily="바탕체" FontSize="16" HorizontalScrollBarVisibility="Auto" VerticalContentAlignment="Top" VerticalScrollBarVisibility="Auto" AcceptsReturn="True" /> </Grid> |
■ DateEdit 엘리먼트의 AllowSpinOnMouseWheel 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:DateEdit Name="dateEdit" Width="140" Height="30" FontFamily="바탕체" FontSize="16" AllowSpinOnMouseWheel="True" /> </dxe:DateEdit> </Grid> |
※ 마우스를 버튼 위에 놓고 마우스 휠을 움직이는 경우
더 읽기
■ SpinEdit 엘리먼트의 DisplayFormatString 속성을 사용해 과학적 표기법 포맷을 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:SpinEdit x:Name="scientificSpinEdit" Width="200" Height="30" FontFamily="바탕체" FontSize="16" DisplayFormatString="e1"> <dxe:SpinEdit.EditValue> 12345 </dxe:SpinEdit.EditValue> </dxe:SpinEdit> </Grid> |
■ SpinEdit 엘리먼트의 DisplayFormatString 속성을 사용해 소숫점 2자리를 갖는 통화 포맷을 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:SpinEdit x:Name="currencySpinEdit" Width="200" Height="30" FontFamily="바탕체" FontSize="16" DisplayFormatString="c2"> <dxe:SpinEdit.EditValue> 349.99 </dxe:SpinEdit.EditValue> </dxe:SpinEdit> </Grid> |
■ DateEdit 엘리먼트의 Mask 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:DateEdit x:Name="fullDateTimeDateEdit" Width="250" Height="30" FontFamily="바탕체" FontSize="16" DisplayFormatString="F" Mask="dd, MMMM, yyyy hh:mm tt" EditValue="10 September 2010 10:00 AM" /> </Grid> |
■ DateEdit 엘리먼트의 DisplayFormatString 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:DateEdit x:Name="shortDateDateEdit" Width="120" Height="30" FontFamily="바탕체" FontSize="16" DisplayFormatString="d" EditValue="2014-03-13" /> </Grid> |
■ SpinEdit 엘리먼트의 NullText 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:SpinEdit Name="inStockSpinEdit" Width="200" Height="30" FontFamily="바탕체" FontSize="16" AllowNullInput="True" NullText="(null)"> <dxe:SpinEdit.EditValue> 349.99 </dxe:SpinEdit.EditValue> </dxe:SpinEdit> </Grid> |
■ TextEdit 엘리먼트의 DisplayFormatString 속성을 사용해 복합 포맷을 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TextEdit x:Name="textEdit" Width="200" Height="30" FontFamily="바탕체" FontSize="16" DisplayFormatString="ID {0}" EditValue="00075" /> </Grid> |
■ TextEdit 엘리먼트의 EditValue 속성에 바인딩을 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TextEdit x:Name="textEdit" Width="200" Height="90" FontFamily="바탕체" FontSize="16" VerticalContentAlignment="Top" AcceptsReturn="True" ValidateOnTextInput="True" EditValue="{Binding Text, UpdateSourceTrigger=PropertyChanged}" /> </Grid> |
■ TextEdit 엘리먼트에서 SQL Server DECIMAL(18, 2) 타입 숫자를 입력하는 방법을 보여준다. ▶ 예제 코드 (XAML)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
|
<Grid xmlns:s="clr-namespace:System;assembly=mscorlib" xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TextEdit x:Name="decimalTextEdit" Width="230" Height="30" FontFamily="바탕체" FontSize="16" HorizontalContentAlignment="Right" MaskType="Numeric" Mask="###,###,###,###,###,##0.00" MaskUseAsDisplayFormat="True"> <dxe:TextEdit.EditValue> <s:Decimal>0</s:Decimal> </dxe:TextEdit.EditValue> </dxe:TextEdit> </Grid> |
※ 양수/음수에 관계없이 정수 부분은
더 읽기
■ DateEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:DateEdit x:Name="shortDateDateEdit" Width="120" Height="30" FontFamily="바탕체" FontSize="16" /> </Grid> |
■ SpinEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:SpinEdit x:Name="currencySpinEdit" Width="200" Height="30" FontFamily="바탕체" FontSize="16" /> </Grid> |
■ CheckEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:CheckEdit Content="Can Close Dialog" EditValue="{Binding CanCloseDialog}" /> </Grid> |
■ TextEdit 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
<Grid xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"> <dxe:TextEdit x:Name="textEdit" Width="200" Height="30" FontFamily="바탕체" FontSize="16" /> </Grid> |