기록하는 푸코

DevExpress에서 Navigation UI를 구성할 때 HamburgerMenu를 사용했다. HamburgerMenuNavigationButton을 통해 뷰 이동을 하면 타이틀바에 뒤로가기 버튼(Back Button)이 나오는걸 볼 수 있다. HamburgerMenu 컨트롤의 IsWindowBackButtonVisible 속성을 False로 설정해주면 된다.

DevExpress의 GridControl 사용 시 GridColumn에 bool 속성을 바인딩하면 자동으로 CheckBox가 표시된다. CheckBox이기에 기본적으로 선택 및 해제도 가능하지만 전제 선택 및 해제는 기본 제공되지 않는다. CheckBox 전체 선택 및 해제를 하기 위해서는 ShowCheckBoxInHeader 속성을 True로 해주면 된다. ShowCheckBoxInHeader 속성은 bool형 필드에만 정상 작동한다. GridColumn 헤더에 확인란이 표시되며 전체 선택 및 해제가 가능하다.

일반적으로 Devexpress TextEdit 사용 시 Enter 눌렀을 때 아무런 이벤트가 발생하지 않는다. Enter 눌렀을 때 바인딩 소스 업데이트하는 방법을 알아보자. xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" 우선 Devexpress의 TextEdit를 사용하기 위해 해당 네임스페이스를 가져오자. EditValue에 바인딩하고 UpdateSourceTrigger 속성을 PropertyChanged로 설정한다. ValidateOnEnterKeyPressed 속성을 True로 설정한다. ValidateOnTextInput 속성을 False로 설정한다.

DevExpress TextEdit에 Mask 속성값으로 IP 정규식 패턴을 적용시키는 방법을 배워보자. 실행 결과 에러 툴팁 사용자 정의 ErrorToolTipContentTemplate는 정규식을 만족하지 못하는 경우 툴팁을 나타낸다.

DevExpress에서 GirdColumn에 DateTime을 바인딩한 경우 기본적으로 "yyyy-MM-dd" Format으로 표시된다. 시, 분, 초 등 Format을 변경하고 싶으면 Mask를 이용하면 된다. GridColumn DateTime Format 설정 GridColumn의 스마트 태그를 통해 Mask를 설정할 수 있다. 우선 GridColumn의 EditSettings 속성을 지정해야 한다. DateTime을 위한 DateEditSettings를 지정하면 된다. 이후 자신이 원하는 Mask를 설정하면 된다. 아마 스마트 태그로 Mask 설정을 한 후 실행하면 적용이 안될 수 있다. 그렇다면 MaskUseAsDisplayFormt을 True로 설정하자. 이는 편집기에 포커스가 없을 때에도 M..

DevExpress에서 제공하는 ListBoxEdit 컨트롤의 Orientation을 Horizontal로 설정하는 방법을 알아보자. ListBoxEdit 네임스페이스 선언 ListBoxEdit 컨트롤을 사용하기 위해 다음과 같이 네임스페이스를 선언해줘야 한다. xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" ListBoxEdit 디폴트 Orientation ListBoxEdit 컨트롤은 Orientation이 디폴트로 Vertical이다. 실행결과 ListBoxEdit Orientation 설정 ListBoxEdit의 Orientation을 설정하기 위해 ItemsPanel 속성 값을 설정해줘야 한다. 실행결과