Microsoft MVP성태의 닷넷 이야기
.NET Framework: 156. XamDataGrid의 UnboundField 사용 [링크 복사], [링크+제목 복사],
조회: 22844
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일


XamDataGrid의 UnboundField 사용


이거야 원. ^^ .NET 공부하기도 바쁜데, Infragistics의 DataGrid까지도 공부해야 하는 상황입니다.

지금까지는 별거 아니라고 생각했는데 DataGrid에 데이터바인딩되는 개체의 속성으로 정의되어 있지 않은 "칼럼"을 사용하려는 경우에 처리가 참 모호해지더군요.

예를 들어, 다음과 같은 Entity 개체를 데이터 그리드에 데이터바인딩 하려면,

<xs:complexType name="MyDataT">
    <xs:attribute name="Name" type="xs:string" />
    <xs:attribute name="Age" type="xs:int" />
</xs:complexType>

보통 다음과 같이 XamDataGrid를 구성합니다.

<igDP:XamDataGrid Name="xamDataGrid1" DataSource="{Binding Items}">

    <igDP:XamDataGrid.FieldLayoutSettings>
        <igDP:FieldLayoutSettings AutoGenerateFields="False" />
    </igDP:XamDataGrid.FieldLayoutSettings>

    <igDP:XamDataGrid.FieldLayouts>
        <igDP:FieldLayout>
            <igDP:FieldLayout.Fields>
                <igDP:Field Name="Name" Label="Customer Name" />
                <igDP:Field Name="Age" Label="Customer Age" />
            </igDP:FieldLayout.Fields>
        </igDP:FieldLayout>
    </igDP:XamDataGrid.FieldLayouts>

</igDP:XamDataGrid>

하지만, 이 상황에서 왼쪽에 "체크 박스"를 두어 선택 여부를 명시하고 싶은 경우가 있습니다. 아래와 같은 화면이 되겠군요.

[그림 1: 선택 칼럼 추가]
infragistics_xamDataGrid_unboundfield_checkbox_1.png

어떻게 해야 할까요?
방법은 2가지가 있습니다.

  • MyDataT를 상속받아서 boolean 속성을 두거나, MyDataT 자체에 추가한 후에 그 속성에 대응되는 igDP:Field 정의
  • XamDataGrid에서 제공되는 UnboundField로 처리

첫 번째 방법은 별로 권장되지 않습니다. 왜냐하면 MyDataT 자체에 추가하는 것은 View를 위해 Data Entity를 바꿔야 하는 말도 안되는 상황이기 때문입니다. 그나마 View 자체에서만 사용되도록 별도의 Entity로 상속을 받는 것은 받아들일 수 있지만 View가 다양하게 나오는 상황을 생각해 보면 역시나 답이 아닐 것 같습니다.

그렇다면 두 번째 방법이 좋아보이는데요. 이를 위해 기존 XamDataGrid에 다음과 같이 UnboundField를 추가하면 됩니다.

<igDP:XamDataGrid.FieldLayouts>
    <igDP:FieldLayout>
        <igDP:FieldLayout.Fields>
            <igDP:UnboundField Name="chkSelected" Label="선택">
                <igDP:UnboundField.Settings>
                    <igDP:FieldSettings LabelWidth="100" CellWidth="100" AllowEdit="True">
                        <igDP:FieldSettings.CellValuePresenterStyle>
                            <Style TargetType="{x:Type igDP:CellValuePresenter}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate 
                                            TargetType="{x:Type igDP:CellValuePresenter}">
                                            <CheckBox Name="chkRow"></CheckBox>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </igDP:FieldSettings.CellValuePresenterStyle>
                    </igDP:FieldSettings>
                </igDP:UnboundField.Settings>
            </igDP:UnboundField>

            <igDP:Field Name="Name" Label="Customer Name" />
            <igDP:Field Name="Age" Label="Customer Age" />
        </igDP:FieldLayout.Fields>
    </igDP:FieldLayout>
</igDP:XamDataGrid.FieldLayouts>

처음 여기까지 문서를 통해 찾아냈을 때... 이걸로 끝났을 줄 알았는데. 문제는 값을 구해와야 하는 부분에서 걸렸습니다. 명시적으로 위의 값을 구해야 하는 방법이 없어보였습니다.

왜냐하면, 다른 칼럼의 값들은 데이터바인딩된 BindingList의 MyDataT 인스턴스를 통해서 직접 구해올 수 있었던 반면 UnboundField는 그것이 없기 때문입니다.

물론, 값을 구하는 것으로 보이는 다음과 같은 코드예는 있었습니다.

private void Button_Click(object sender, RoutedEventArgs e)
{
    foreach (DataRecord dataRecord in this.xamDataGrid1.Records)
    {
        UnboundCell cell = dataRecord.Cells["chkSelected"] as UnboundCell;
        if (cell != null)
        {
            object obj = dataRecord.Cells["chkSelected"].Value;
        }
    }
}

그런데... 위와 같이 해보면, Cell.Value의 값이 null이 나오는 것을 확인할 수 있습니다.

일단, 여기까지!
회사에서는 업무가 바쁘다 보니 이쯤에서 더 알아보지 못하고, 급하게 this.xamDataGrid1 컨트롤을 VisualTreeHelper를 이용해서 하위로 재귀호출하면서 CheckBox 인스턴스를 만나게 되면 Name 필드의 값을 비교해서 그 값을 구할 수 있도록 처리해놓았습니다. (압니다 알아요 안습인거! 그래도... 제가 이런 XamDataGrid 사용법까지 평소에 공부했어야 하냐고요!)




그렇게 시간이 흘러 오늘. 역시 주말의 한가한 시간에 이런 거 알아보는 것은 더 이상 일이 아니라 재미가 되지요. ^^

이제 여유를 가지고 찬찬히 검색하는데, ... 오~~~ 다음의 글에서 해답이 나왔습니다.

Putting a CheckBox in the cells of an UnboundField of XamDataGrid
; http://blogs.infragistics.com/blogs/josh_smith/archive/2008/06/16/putting-a-checkbox-in-the-cells-of-an-unboundfield-of-xamdatagrid.aspx

무릎을 탁 치게 되었지요. ^^ 역시 WPF스럽게 해결하는 구나... 하면서.

방법은 간단합니다. ControlTemplate을 감싸는 개체로 Cell을 제공하면서 그 Cell의 Value에 데이터바인딩을 시키기 위해 RelativeSource.TemplatedParent를 지정하는 것입니다. 그래서, 다음과 같이 XAML 코드가 바뀌어야 합니다.

<igDP:UnboundField Name="chkSelected" Label="선택">
    <igDP:UnboundField.Settings>
        <igDP:FieldSettings LabelWidth="100" CellWidth="100" AllowEdit="True">
            <igDP:FieldSettings.CellValuePresenterStyle>
                <Style TargetType="{x:Type igDP:CellValuePresenter}">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type igDP:CellValuePresenter}">
                                <CheckBox Name="chkRow"
                               IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                               Path=Value, 
                               Mode=TwoWay}"
                                ></CheckBox>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </igDP:FieldSettings.CellValuePresenterStyle>
        </igDP:FieldSettings>
    </igDP:UnboundField.Settings>
</igDP:UnboundField>

멋지죠? ^^ WPF!

* 첨부한 파일은 예제 프로젝트입니다.



[이 토픽에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 6/28/2021]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 16  17  18  19  20  21  22  23  24  25  26  27  28  29  [30]  ...
NoWriterDateCnt.TitleFile(s)
12896정성태1/1/202211155.NET Framework: 1127. C# - FFmpeg.AutoGen 라이브러리를 이용한 기본 프로젝트 구성파일 다운로드1
12895정성태12/31/20219575.NET Framework: 1126. C# - snagit처럼 화면 캡처를 연속으로 수행해 동영상 제작 [1]파일 다운로드1
12894정성태12/30/20217538.NET Framework: 1125. C# - DefaultObjectPool<T>의 IDisposable 개체에 대한 풀링 문제 [3]파일 다운로드1
12893정성태12/27/20219165.NET Framework: 1124. C# - .NET Platform Extension의 ObjectPool<T> 사용법 소개파일 다운로드1
12892정성태12/26/20217133기타: 83. unsigned 형의 이전 값이 최댓값을 넘어 0을 지난 경우, 값의 차이를 계산하는 방법
12891정성태12/23/20217040스크립트: 38. 파이썬 - uwsgi의 --master 옵션
12890정성태12/23/20217178VC++: 152. Golang - (문자가 아닌) 바이트 위치를 반환하는 strings.IndexRune 함수
12889정성태12/22/20219638.NET Framework: 1123. C# - (SharpDX + DXGI) 화면 캡처한 이미지를 빠르게 JPG로 변환하는 방법파일 다운로드1
12888정성태12/21/20217705.NET Framework: 1122. C# - ImageCodecInfo 사용 시 System.Drawing.Image와 System.Drawing.Bitmap에 따른 Save 성능 차이파일 다운로드1
12887정성태12/21/20219857오류 유형: 777. OpenCVSharp4를 사용한 프로그램 실행 시 "The type initializer for 'OpenCvSharp.Internal.NativeMethods' threw an exception." 예외 발생
12886정성태12/20/20217653스크립트: 37. 파이썬 - uwsgi의 --enable-threads 옵션 [2]
12885정성태12/20/20217908오류 유형: 776. uwsgi-plugin-python3 환경에서 MySQLdb 사용 환경
12884정성태12/20/20216947개발 환경 구성: 620. Windows 10+에서 WMI root/Microsoft/Windows/WindowsUpdate 네임스페이스 제거
12883정성태12/19/20217865오류 유형: 775. uwsgi-plugin-python3 환경에서 "ModuleNotFoundError: No module named 'django'" 오류 발생
12882정성태12/18/20216967개발 환경 구성: 619. Windows Server에서 WSL을 위한 리눅스 배포본을 설치하는 방법
12881정성태12/17/20217421개발 환경 구성: 618. WSL Ubuntu 20.04에서 파이썬을 위한 uwsgi 설치 방법 (2)
12880정성태12/16/20217307VS.NET IDE: 170. Visual Studio에서 .NET Core/5+ 역어셈블 소스코드 확인하는 방법
12879정성태12/16/202113586오류 유형: 774. Windows Server 2022 + docker desktop 설치 시 WSL 2로 선택한 경우 "Failed to deploy distro docker-desktop to ..." 오류 발생
12878정성태12/15/20218617개발 환경 구성: 617. 윈도우 WSL 환경에서 같은 종류의 리눅스를 다중으로 설치하는 방법
12877정성태12/15/20217286스크립트: 36. 파이썬 - pymysql 기본 예제 코드
12876정성태12/14/20217118개발 환경 구성: 616. Custom Sources를 이용한 Azure Monitor Metric 만들기
12875정성태12/13/20216759스크립트: 35. python - time.sleep(...) 호출 시 hang이 걸리는 듯한 문제
12874정성태12/13/20216787오류 유형: 773. shell script 실행 시 "$'\r': command not found" 오류
12873정성태12/12/20217916오류 유형: 772. 리눅스 - PATH에 등록했는데도 "command not found"가 나온다면?
12872정성태12/12/20217754개발 환경 구성: 615. GoLang과 Python 빌드가 모두 가능한 docker 이미지 만들기
12871정성태12/12/20217792오류 유형: 771. docker: Error response from daemon: OCI runtime create failed
... 16  17  18  19  20  21  22  23  24  25  26  27  28  29  [30]  ...