Microsoft MVP성태의 닷넷 이야기
.NET Framework: 107. WPF - RadioButton 데이터 바인딩 해제 현상 [링크 복사], [링크+제목 복사],
조회: 27140
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
(연관된 글이 1개 있습니다.)

WPF - RadioButton 데이터 바인딩 해제 현상


개인적으로, WPF에서 실망스러운 컨트롤이 RadioButton입니다. 제 개인적인 WPF에 대한 이해도가 깊지 않아서든, 혹은 "by design"이란 변명이 아무리 그럴싸할지라도! 이 현상은 "일반적인 개발 상식"으로 XAML을 다루다 보면 누구나 만날 수 있는 현상이기 때문입니다.

일단, 간단하게 재현을 해볼까요!

아래와 같이, 평범한 RadioButton을 나열해 놓는 xaml 파일을 만듭니다.

 <Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:my="clr-namespace:WpfApplication1" x:Name="My">
    <Canvas>
        <RadioButton IsChecked="{Binding Path=DisplayData.Radio1, ElementName=My}"
                             Name="radioButton1">test1</RadioButton>
        <RadioButton IsChecked="{Binding Path=DisplayData.Radio2, ElementName=My}" 
                             Name="radioButton2" Height="16" Canvas.Top="20">test2</RadioButton>
        <RadioButton IsChecked="{Binding Path=DisplayData.Radio3, ElementName=My}" 
                             Name="radioButton3" Height="16" Canvas.Top="40">test3</RadioButton>
    </Canvas>
</Window>

xaml.cs 파일에는 아래와 같이 데이터 바인딩을 위한 코드를 구성합니다.

public partial class Window1 : Window
{
    public Window1()
    {
        InitializeComponent();
    }

    private DisplayT displayData = new DisplayT();
    public DisplayT DisplayData
    {
        get { return this.displayData; }
    }
}

DisplayT는 다음과 같이 간단하게 정의되어 있습니다.

public partial class DisplayT
{
    private bool radio1;
    private bool radio2;
    private bool radio3;

    public bool Radio1 { get { return this.radio1; } set { this.radio1 = value; } }
    public bool Radio2 { get { return this.radio2; } set { this.radio2 = value; } }
    public bool Radio3 { get { return this.radio3; } set { this.radio3 = value; } }

    public DisplayT()
    {
    }

    public override string ToString()
    {
        return string.Format("radio1 == {0}, radio2 == {1}, radio3 == {2}",
            this.radio1, this.radio2, this.radio3);
    }
}    

빌드하고, 실행을 해보시면 뭐 그다지 표면상으로는 이상한 현상이 없어 보입니다. 하지만, 문제점을 보여주기 위한 테스트 코드를 1초마다 발생하는 타이머 이벤트에 다음과 같이 걸어보면,

public Window1()
{
    InitializeComponent();

    DispatcherTimer timer = new DispatcherTimer(new TimeSpan(0, 0, 1), DispatcherPriority.Normal,
        callback, App.Current.Dispatcher);
}

public void callback(object sender, EventArgs e)
{
    Debug.WriteLine(displayData);
}

뜻밖에도, 실행 후에 Radio 버튼 1,2,3을 모두 한번씩이라도 눌러본 경우, 데이터바인딩이 된 DisplayT 타입의 변수에는 Radio1 == True, Radio2 == True, Radio3 == True라는 엉뚱한 결과값이 실려서 출력이 됩니다.

사실, RadioButton이 그룹 설정이 되어 있는 경우에만 서로간의 배타적인 선택권이 가능하다는 점을 고려하면 위의 현상이 아주 이해못할 것도 아닙니다. 하지만, 그걸 감안하면 각각의 RadioButton들이 모두 Checked == True 상태로 남은 체로 있어야 하는 것이 정상입니다. 그런데, 결과는 UI 따로, 데이터 바인딩 따로입니다.

조금 더 테스트를 위해 callback 메서드에 다음과 같이 데이터 바인딩이 살아 있는지에 대한 테스트 코드를 추가해 보겠습니다.

public void callback(object sender, EventArgs e)
{
    CheckBinding(this.radioButton1);
    CheckBinding(this.radioButton2);
    CheckBinding(this.radioButton3);
    Debug.WriteLine(displayData);
}

private void CheckBinding(RadioButton button)
{
    Binding test = BindingOperations.GetBinding(button, RadioButton.IsCheckedProperty);
    if (test == null)
    {
        Debug.WriteLine(string.Format("{0} Binding == null", button.Content));
    }
}

"F5" 키를 이용해서 디버깅 모드로 응용 프로그램을 실행한 후, 각각의 Radio 버튼들을 누르면 방금 전에 선택된 Radio 버튼들에 대해서 바인딩 인스턴스가 null로 되는 것을 확인할 수 있습니다. 3개 모두 누르면 다음과 같이 3개 모두 바인딩이 끊기게 됩니다.

==== Output 내용 ====

test1 Binding == null
test2 Binding == null
test3 Binding == null
radio1 == True, radio2 == True, radio3 == True

분명히, 이러한 결과는 우리가 원한 것이 아니지요.




물론, 해결책은 있습니다. ^^
WPF를 초기 시절부터 공부해오신 분들은 RadioButtonList 컨트롤에 대해 알고 계실 텐데요. 이것이 나중에 Obsolete으로 바뀌면서 아예 WPF에서 빠지게 됩니다. 대신에, 그에 대한 대안으로 ListBox의 ContentTemplate을 변경하는 방법으로 - 지극히 WPF스러운 방식이죠. - 제공이 됩니다. 이에 대해서는 다음의 토픽에서도 잘 설명되고 있습니다.

Data-binding to a radio button group
; https://social.msdn.microsoft.com/Forums/en-US/323d067a-efef-4c9f-8d99-fecf45522395/databinding-to-a-radio-button-group?forum=wpf

RadioButton unchecked bindings issue still not resolved?
; https://social.msdn.microsoft.com/Forums/en-US/8eb8280a-19c4-4502-8260-f74633a9e2f2/radiobutton-unchecked-bindings-issue-still-not-resolved?forum=wpf

첨부된 파일인 "WpfApplication1.zip"은, 위에서 문제점을 짚은 예제 소스 코드이고, "WpfApplication2.zip"은 이를 해결한 간단한 예제 소스 코드입니다.



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

[연관 글]






[최초 등록일: ]
[최종 수정일: 5/21/2021]

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

비밀번호

댓글 작성자
 




... 136  137  138  139  140  141  [142]  143  144  145  146  147  148  149  150  ...
NoWriterDateCnt.TitleFile(s)
1505정성태9/26/201375401기타: 35. Microsoft Office 2007 인증 생략하는 방법 [10]
1504정성태9/24/201330285.NET Framework: 387. UDP 브로드캐스팅을 이용해 서비스 측의 IP 주소를 구하는 방법 [1]파일 다운로드1
1503정성태9/21/201335456개발 환경 구성: 199. Visual Studio - github 연동 [7]
1502정성태9/21/201339071개발 환경 구성: 198. Visual Studio - git을 이용한 로컬 소스 컨트롤
1501정성태9/21/201346165개발 환경 구성: 197. Visual Studio를 위한 Git 환경 설정 [5]
1500정성태9/20/201345136.NET Framework: 386. C# 버전의 한글 형태소 분석기 [1]파일 다운로드1
1499정성태9/20/201321726개발 환경 구성: 196. Windows Azure - Cloud Service의 인스턴스 타입 변경하는 방법
1498정성태9/20/201327811Windows: 76. 윈도우 8.1 / 서버 2012 R2 마이그레이션 [5]
1497정성태9/20/201360111웹: 28. IE 11로 바꾼 후 발생하는 문제 정리
1496정성태9/20/201332408Windows: 75. 윈도우 8.1, 2012 R2 설치 후 원격 접속이 안 되는 문제
1495정성태9/20/201323548웹: 27. IE 11 - YBM Sisa.com에서 검색된 영단어의 발음 기호가 안 나오는 문제
1494정성태9/13/201333159.NET Framework: 385. Html Agility Pack 소개 - 웹 문서에서 텍스트만 분리하는 방법 [2]파일 다운로드1
1493정성태9/13/201334940.NET Framework: 384. WebClient.DownloadString 문자열 인코딩 문제
1492정성태9/13/201322358오류 유형: 186. The .NET assembly 'Microsoft.Vsa' could not be found.
1491정성태9/9/201325481.NET Framework: 383. RSAParameters의 ToXmlString과 ExportParameters의 결과 비교
1490정성태9/7/201360486기타: 34. 도서: 시작하세요! C# 프로그래밍: 기본 문법부터 실전 예제까지 [7]
1489정성태9/4/201344924오류 유형: 185. 오피스 워드 파일이 저장되지 않는 문제 [2]
1488정성태8/27/201329067.NET Framework: 382. WCF에서 DataSet을 binary encoding으로 직렬화하는 방법파일 다운로드1
1487정성태8/27/201331371개발 환경 구성: 195. 로컬 PC에서의 WCF 통신을 Fiddler로 보는 방법 [1]
1486정성태8/27/201328875.NET Framework: 381. SqlCommand를 이용해 Microsoft SQL 서버의 쿼리 실행 계획을 구하는 방법파일 다운로드1
1485정성태8/26/201332559.NET Framework: 380. 프로세스 스스로 풀 덤프 남기는 방법 [3]파일 다운로드1
1484정성태8/23/201326829제니퍼 .NET: 24. 제니퍼 닷넷 적용 사례 (4) - GZIP 인코딩으로 인한 성능 하락
1483정성태8/23/201326942.NET Framework: 379. System.IO.MemoryStream, ArraySegment&lt;T&gt; 의 효율적인 사용법 [1]
1482정성태8/23/201320402.NET Framework: 378. Java / C# - 정수의 부호 유무에 따른 16진수 문자열 변환
1481정성태8/22/201321214오류 유형: 184. PaaS 유형(Cloud Services)의 Azure VM에 연결할 때 계정 만료 에러가 발생하는 경우
1480정성태8/22/201337865개발 환경 구성: 194. 윈도우 서버의 80 포트에 대한 port forwarding 설정 방법파일 다운로드1
... 136  137  138  139  140  141  [142]  143  144  145  146  147  148  149  150  ...