Microsoft MVP성태의 닷넷 이야기
.NET Framework: 156. XamDataGrid의 UnboundField 사용 [링크 복사], [링크+제목 복사],
조회: 30544
글쓴 사람
정성태 (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

비밀번호

댓글 작성자
 




... 91  92  93  94  95  96  97  98  99  100  101  102  [103]  104  105  ...
NoWriterDateCnt.TitleFile(s)
11394정성태12/8/201719422개발 환경 구성: 342. 비주얼 스튜디오에서 실행하던 ASP.NET Core (.NET Framework) 응용 프로그램을 명령행에서 실행하는 방법
11393정성태12/7/201724596Windows: 145. 윈도우 10 빌드 17046부터 WSL에서 백그라운드 작업 지원 [5]
11392정성태12/7/201719080개발 환경 구성: 341. openSUSE에 닷넷 코어 설치
11391정성태12/7/201722137개발 환경 구성: 340. WSL을 이용해 윈도우 PC 1대에서 openSUSE 응용 프로그램을 Visual Studio로 개발하는 방법 [1]
11390정성태12/7/201731044개발 환경 구성: 339. WSL을 이용해 윈도우 PC 1대에서 Linux 응용 프로그램을 Visual Studio로 개발하는 방법 [6]
11389정성태12/7/201719692오류 유형: 440. .NET Core 오류 - 0x80131620 Unable to load DLL 'libuv'
11388정성태12/6/201723517개발 환경 구성: 338. WSL 또는 Ubuntu에 닷넷 코어 설치 [3]
11387정성태12/6/201723420오류 유형: 439. 이벤트 로그 - Data Sharing Service 서비스의 %%3239247874 오류 메시지
11386정성태12/5/201719436오류 유형: 438. Hyper-V - '...' failed to add device 'Virtual CD/DVD Disk'
11385정성태12/5/201732587VC++: 121. DXGI를 이용한 윈도우 화면 캡처 소스 코드(Visual C++) [16]파일 다운로드1
11384정성태12/5/201722052오류 유형: 437. Visual C++ - Cannot open include file: 'SDKDDKVer.h'
11383정성태12/4/201724678디버깅 기술: 110. 비동기 코드 실행 중 예외로 인한 ASP.NET 프로세스 비정상 종료 현상 [1]
11382정성태12/4/201723591오류 유형: 436. System.Data.SqlClient.SqlException (0x80131904): Connection Timeout Expired 예외 발생 시 "[Pre-Login] initialization=48; handshake=1944;" 값의 의미
11381정성태11/30/201720198.NET Framework: 702. 한글이 포함된 바이트 배열을 나눈 경우 한글이 깨지지 않도록 다시 조합하는 방법(두 번째 이야기)파일 다운로드1
11380정성태11/30/201720203디버깅 기술: 109. windbg - (x64에서의 인자 값 추적을 이용한) Thread.Abort 시 대상이 되는 스레드를 식별하는 방법
11379정성태11/30/201719947오류 유형: 435. System.Web.HttpException - Session state has created a session id, but cannot save it because the response was already flushed by the application.
11378정성태11/29/201721845.NET Framework: 701. 한글이 포함된 바이트 배열을 나눈 경우 한글이 깨지지 않도록 다시 조합하는 방법 [1]파일 다운로드1
11377정성태11/29/201721424.NET Framework: 700. CommonOpenFileDialog 사용 시 사용자가 선택한 파일 목록을 구하는 방법 [3]파일 다운로드1
11376정성태11/28/201726116VS.NET IDE: 123. Visual Studio 편집기의 \r\n (crlf) 개행을 \n으로 폴더 단위로 설정하는 방법
11375정성태11/28/201719886오류 유형: 434. Visual Studio로 ASP.NET 디버깅 중 System.Web.HttpException - Could not load type 오류
11374정성태11/27/201725868사물인터넷: 14. 라즈베리 파이 - (윈도우의 NT 서비스처럼) 부팅 시 시작하는 프로그램 설정 [1]
11373정성태11/27/201724871오류 유형: 433. Raspberry Pi/Windows 다중 플랫폼 지원 컴파일 관련 오류 기록
11372정성태11/25/201727407사물인터넷: 13. 윈도우즈 사용자를 위한 라즈베리 파이 제로 W 모델을 설정하는 방법 [4]
11371정성태11/25/201721227오류 유형: 432. Hyper-V 가상 스위치 생성 시 Failed to connect Ethernet switch port 0x80070002 오류 발생
11370정성태11/25/201721436오류 유형: 431. Hyper-V의 Virtual Switch 생성 시 "External network" 목록에 특정 네트워크 어댑터 항목이 없는 경우
11369정성태11/25/201723175사물인터넷: 12. Raspberry Pi Zero(OTG)를 다른 컴퓨터에 연결해 가상 키보드 및 마우스로 쓰는 방법 (절대 좌표, 상대 좌표, 휠) [1]
... 91  92  93  94  95  96  97  98  99  100  101  102  [103]  104  105  ...