Microsoft MVP성태의 닷넷 이야기
.NET Framework: 250. WPF - ComboBox의 SelectionChagned 이벤트 [링크 복사], [링크+제목 복사],
조회: 29964
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일

WPF - ComboBox의 SelectionChagned 이벤트


이번 글은 다음의 질문 때문에 씌여진 것입니다.

콤보박스 SelectionChagned 이벤트 
; http://social.msdn.microsoft.com/Forums/ko-KR/vistako/thread/6ef6f28d-9c60-4746-af99-9bbef9a8c011

가끔, 이렇게 예전에 답변한 것들이 어느 순간 다시 떠오를 때가 있는데요. ^^ 오늘은 문득 위의 글이 생각나서 이렇게 정리해 봅니다. ^^




일단, 위의 현상을 재현해 보려면 다음과 같이 코드를 구성하시면 됩니다.

==== XAML ====
<ComboBox Height="23" SelectionChanged="comboBox1_SelectionChanged" Name="comboBox1">
</ComboBox>

==== xaml.cs ====
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        comboBox1.Items.Add("item1");
        comboBox1.Items.Add("item1");
        comboBox1.Items.Add("item1");
    }

    private void comboBox1_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        System.Diagnostics.Trace.WriteLine(comboBox1.SelectedItem);
    }
}

실행해보면, ComboBox에는 3개의 "item1" 문자열이 들어가 있고, 아무거나 선택해 보면 처음 한번을 제외하고는 "SelectionChanged"가 발생하지 않습니다.

왜냐하면, 말 그대로 "값이 변경된 경우에만 Selection Chagned"가 되었다고 판단하기 때문에 같은 값에 대해서는 이벤트가 발생하지 않습니다.

여기까지는 이해 되셨죠? ^^

그런데, 예제를 바꿔보겠습니다. 이번에는 코드에서 삽입하지 않고 다음과 같이 XAML 상에서 처리를 해보면 어떨까요?

<ComboBox Height="23" SelectionChanged="comboBox1_SelectionChanged" Name="comboBox1">
    <ComboBoxItem>item 1</ComboBoxItem>
    <ComboBoxItem>item 1</ComboBoxItem>
    <ComboBoxItem>item 1</ComboBoxItem>
</ComboBox>

오호~~~ 이번에는 정상적으로 모든 항목에 대해서 선택을 하자마자 SelectionChanged가 발생하고 있습니다. 도대체 어떻게 된 일일까요? ^^




여기서 알고 넘어가야 할 것은, 바로 "값이 같다"는 것의 의미입니다. 원칙대로 "==" 연산자를 통해서 값이 같으냐 하는 것인데요.

결국 "item1" == "item1" 연산이 true로 나오기 때문에 SelectionChanged가 발생하지 않는 것입니다. 약간 변형시켜서 다음과 같이 "item1"을 대입해 볼까요?

object obj1 = "item1";
object obj2 = "item1";
object obj3 = "item1";

comboBox1.Items.Add(obj1);
comboBox1.Items.Add(obj2);
comboBox1.Items.Add(obj3);

결과는 역시 같습니다. 왜냐하면 "obj1 == obj2" 연산은 true 값이기 때문입니다.

그런데, ComboBoxItem은 다릅니다. XAML에서 구성하는 것을 코드로 바꿔보면 그 이유를 알 수 있습니다. XAML의 "<ComboBoxItem>item 1</ComboBoxItem>"에 해당하는 코드는 다음과 같습니다.

ComboBoxItem cmi1 = new ComboBoxItem();
cmi1.Content = "item1";
comboBox1.Items.Add(cmi1);

ComboBoxItem cmi2 = new ComboBoxItem();
cmi2.Content = "item1";
comboBox1.Items.Add(cmi2);

Console.WriteLine(cmi1 == cmi2); // 결과: false

이유가 밝혀졌군요. ^^




다시 처음 문제의 답변으로 돌아가 볼까요?

결국, "item1" 등의 문자열을 곧바로 넣으면 안되고 ComboBoxItem을 사용해서 우회하면 됩니다. 또는, ComboBoxItem 역할을 하는 래퍼용 타입을 하나 정의해주는 것도 방법이라고 볼 수 있겠지요.

다음은 그 예입니다.

==== xaml.cs ====
public class MyItem
{
    public string Item { get; set; }
}

comboBox1.Items.Add(new MyItem { Item = "item1" });
comboBox1.Items.Add(new MyItem { Item = "item1" });
comboBox1.Items.Add(new MyItem { Item = "item1" });

==== XAML ====
<ComboBox Height="23" DisplayMemberPath="Item" SelectionChanged="comboBox1_SelectionChanged" Name="comboBox1" />

이 정도면 정리가 되겠지요. ^^

첨부된 파일은 위의 코드를 포함한 예제 프로젝트입니다.





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







[최초 등록일: ]
[최종 수정일: 6/12/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)
11611정성태7/15/201820874Graphics: 6. Unity로 실습하는 Shader (4) - 퐁 셰이딩(phong shading)
11610정성태7/15/201817431Graphics: 5. Unity로 실습하는 Shader (3) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model) + Texture
11609정성태7/15/201820481Graphics: 4. Unity로 실습하는 Shader (2) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model)
11608정성태7/15/201825039Graphics: 3. Unity로 실습하는 Shader (1) - 컬러 반전 및 상하/좌우 뒤집기
11607정성태7/14/201825351Graphics: 2. Unity로 실습하는 Shader [1]
11606정성태7/13/201825994사물인터넷: 19. PC에 연결해 동작하는 자신만의 USB 장치 만들어 보기파일 다운로드1
11605정성태7/13/201821869사물인터넷: 18. New NodeMCU v3 아두이노 호환 보드의 내장 LED 및 입력 핀 사용법 [1]파일 다운로드1
11604정성태7/12/201820983Math: 47. GeoGebra 기하 (24) - 정다각형파일 다운로드1
11603정성태7/12/201816986Math: 46. GeoGebra 기하 (23) - sqrt(n) 제곱근파일 다운로드1
11602정성태7/11/201817150Math: 45. GeoGebra 기하 (22) - 반전기하학의 원에 관한 반사변환파일 다운로드1
11601정성태7/11/201819964Math: 44. GeoGebra 기하 (21) - 반전기하학의 직선 및 원에 관한 반사변환파일 다운로드1
11600정성태7/10/201818434Math: 43. GeoGebra 기하 (20) - 세 점을 지나는 원파일 다운로드1
11599정성태7/10/201817711Math: 42. GeoGebra 기하 (19) - 두 원의 안과 밖으로 접하는 직선파일 다운로드1
11598정성태7/10/201819624Windows: 147. 시스템 복구 디스크를 USB 디스크에 만드는 방법
11597정성태7/10/201821703사물인터넷: 17. Thinary Electronic - ATmega328PB 아두이노 호환 보드의 개발 환경 구성
11596정성태7/10/201819573기타: 72. 과거의 용어 설명 - OWIN
11595정성태7/10/201825341사물인터넷: 16. New NodeMCU v3 아두이노 호환 보드의 기본 개발 환경 구성
11594정성태7/8/201819770Math: 41. GeoGebra 기하 (18) - 원의 중심 및 접선파일 다운로드1
11593정성태7/8/201818788Math: 40. GeoGebra 기하 (17) - 각의 복사파일 다운로드1
11591정성태7/7/201818135Math: 39. GeoGebra 기하 (16) - 삼각형의 방심과 방접원파일 다운로드1
11590정성태7/7/201817683Math: 38. GeoGebra 기하 (15) - 삼각형의 수심파일 다운로드1
11589정성태7/7/201817948.NET Framework: 787. object로 형변환된 인스턴스를 원래의 타입 인자로 제네릭 메서드를 호출하는 방법 [2]파일 다운로드1
11588정성태7/7/201819419디버깅 기술: 116. windbg 분석 사례 - ASP.NET 웹 응용 프로그램의 CPU 100% 현상 (3)
11587정성태7/5/201819057.NET Framework: 786. ASP.NET - HttpCookieCollection을 다중 스레드에서 사용할 경우 무한 루프 현상
11586정성태7/5/201818209Math: 37. GeoGebra 기하 (14) - 삼각형의 무게 중심파일 다운로드1
11585정성태7/5/201818402Math: 36. GeoGebra 기하 (13) - 삼각형의 외심과 외접하는 원파일 다운로드1
... 91  92  [93]  94  95  96  97  98  99  100  101  102  103  104  105  ...