예전에 이자료를 어디에서 봐서 스킵(?) 해 놓는다는게 깜박했더니 Writter by Youngil Kim, C#.NET Developer 이번에는 WinForm에서 제공하는 DataGridView컨트롤을 사용해보는 컬럼을 마련해 보았습니다. 일단 간단하게 VS2005에서 Windows 응용프로그램 프로젝트를 하나 만들고 윈폼화면에 DataGridView컨트롤 배치시키고 마음에 드는 사이즈로 만드세요! ^^ 여기서 사용하는 데이터베이스는 SQL Server 2005에서 새롭게 제공하는 Advanture Works 샘플DB의 Store테이블의 데이터를 가지고 설명하겠습니다.(다른 DB를 사용하시는 분들은 알아서 맞추시면 되요 ^^;) 데이터 연결된 소스부분은 같이 첨부한 샘플소스를 참고해주세요 ^^; <컨트롤 속성> DataGridView ID: dbView 1. 홀수행을 다른 색으로 보여주고 싶을 때 행마다 특정 배경색을 입혀보고 싶은 분들은 다음과 같이 구현하시면 됩니다. 일단 홀수행을 기준으로 설명하자면 AlternatiogRowsDefaultCellStyle속성에 BackColor를 선언하여 색상을 지정하시면 됩니다. dbView.AlternatingRowsDefaultCellStyle.BackColor = Color.Aqua; 2. 여러개의 열이나 행을 선택하지 못하도록 막고 싶을 때 기본적으로 여러개의 열과 행을 선택할 수 있는데 이를 막고 한개의 열이나 한개의 행만 선택하도록 하고 싶을 때 다음과 같이 선언하면 됩니다. dbView.MultiSelect = false; 3. 행단위로 클릭하도록 만들고 싶을 때 기본적으로 열단위로 클릭하도록 처리되어 있는데 이를 행단위로 클릭할 수 있는 기능도 있습니다. 이 기능은 SelectionMode속성에 DataGridViewSelectionMode.FullRowSelect를 설정하면 간단하게 됩니다. dbView.SelectionMode = DataGridViewSelectMode.FullRowSelect; 참고로 DataGridViewSelectMode열거체이외의 값도 설정하여 열단위로 선택기능을 구현할 수 있고 열단위로 선택기능을 사용시 각 열에 대한 SortMode속성이 Automatic값(기본)으로 설정이 안되어 있으면 사용할 수 없습니다. 4. 행번호 보여주고 싶을 때 각 행의 행번호를 보여주고 싶을 때에는 행을 화면에 보여주는 타이밍인 RowPostPaint이벤트 타이밍에 그 행의 인덱스번호+1형태로 행헤더의 열 안에 넣어주면 끝납니다. RowPostPaint이벤트핸들러의 2번째 파라미터인 DataGridViewRowPostPaintEventArgs 객체로부터 보여주기 위해 필요한 Graphics객체나 좌표값을 얻을 수 있습니다. 이하 e변수로 받을 수 있는 객체에 대해서 알아보면 다음과 같습니다. <DataGridViewRowPostPaintEventArgs 객체> // RowPointPaint 이벤트핸들러 e.RowBounds.Location.Y, dbView.RowHeadersWidth – 4, e.RowBounds.Height); (e.RowIndex + 1).ToString(), dbView.RowHeadersDefaultCellStyle.Font, rect, dbView.RowHeadersDefaultCellStyle.ForeColor, TextFormatFlags.VerticalCenter | TextFormatFlags.Right); } 5. 특정 행이나 열을 고정시키고 스크롤하지 못하도록 막고 싶을 때 여기서는 2번째 열을 고정시킨 경우를 보여주고 있는데 그리드를 옆으로 스크롤 할 경우 3번째 열보다 우측의 스크롤이 나오고 1번째열과 2번째열은 고정된 형태를 보여줍니다. – Frozen 속성 : 열 고정시키기 위한 속성으로 이를 고정시키기 위한 열을 지정하고 true값을 선언하면 해당 열의 좌측 열은 전부 고정되어 스크롤 할 없게 됩니다. dbView.Columns[1].Frozen = true; – DividerWidth 속성 : 구분선 폭 변경을 할 때 사용하는 속성으로서 이를 통해서 2번째열과 3번째열 사이 구분선을 약간 두껍게 표현하여 보다 직관적으로 구분할 수 있습니다. dbView.Columns[1].DividerWidth = 3; 6. 그리드 실행될 때 기본 열이 선택된 모습을 보여주고 싶지 않을 때 아주 간단하게 속성하나만 선언하면 되는데 이때 주의해야할 점은 폼_Load이벤트핸들러에서는 효과가 없다는 것입니다. 어느 열도 선택되지 않는 상태로 보여주기 위해서는 폼이 표시된 이후 한번만 발생하는 폼_Shown 이벤트핸들러에서 선언해주는 것이 좋습니다. private void Form1_Shown(object sender, EventArgs e) 7. 특정값을 가진 열을 좀 다르게 보여주고 싶을 때 특정값을 가진 열을 좀더 강조하여 보여주고 싶은 경우가 종종 생깁니다. 이럴 때 유용한 것으로 예제에서는 Bike란 단어가 포함된 열인 경우 빨간색으로 글씨를 보여주도록 설정하였습니다. 특히, 개별적인 열에 대해서 보여주기 위해서는 폼_CellFormating이벤트핸들러를 이용하면 될것같습니다. 본래 이 이벤트핸들러는 특정값을 가진 열의 독립적인 서식을 적용하기 위한 것으로 열 스타일만 변경할 수 있습니다. CellFormmating이벤트핸들러의 2번째파라미터로 받는 DataGridViewCellFormattingEventArgs객체로부터 그 열의 현재 스타일이나 열의 값을 얻거나 설정할 수 있습니다. 즉, 이것을 통해 열의 값을 확인하고 그 스타일을 변경하는 형태로 개발을 해보려고 합니다. 또한, 이벤트 발생시 열위치는 ColumnIndex속성과 RowIndex속성으로 알 수 있습니다. private void dbView_CellFormatting(object sender, DataGridViewCellFormattingEventArgs e) { 8. 헤더열이나 헤더행의 색을 변경하고 싶을 때 헤더행과 헤더열의 색을 변경하고싶은 경우에는 ColumnHeadersDefaultCellStyle속성과 RowHeadersDefaultCellStyle속성을 사용하면 괜찮을 것같습니다. dbView.ColumnHeadersDefaultCellStyle.BackColor = Color.RosyBrown; 단, 위와 같이 선언하여도 그것이 사용할 수 없는 경우가 있는데 이것은 애플리케이션이 적용하고 있는 Windows XP의 Visual 스타일을 우선적으로 사용하기 때문인데 이 코드는 윈폼을 만들 때 자동으로생성하기 때문에 Application클래스의 EnableVisualStyles메소드를 호출합니다. dbView.EnableHeadersVisualStyles = false; 그외 열과 행의 사이에 있는 선스타일을 변경할 수 있는데 다음과 같이 선언하게 되면 한개의 라인으로 보여주게 됩니다. dbView.RowHeadersBorderStyle = DataGridViewHeaderBorderStyle.Single; 9. 선택한 행이나 열에 대한 값을 확인하고 싶을 때 보통 특정 행을 추가하거나 삭제하고 편집도 하는데 이럴 때 선택된 행이나 열에 대해서 어떤 조작을 하는 경우도 많습니다. 그래서 이번에는 이를 간단하게 처리하는 방법에 대해서 정리해보았습니다. 이 부분에 대한 것을 사용형태만 설명하고 넘어가겟습니다. 아래에서 설명한 것들중에서 같은 클래스명이나 속성명이 Row가 들어가거나 Column이란 단어로 비교되는 것을 알 수 있는데 이것에 의해 열에 대한 행과 똑같은 조작을 할 수 있다는 것을 알 수 있습니다. – 선택된 열 얻기 : SelectedCells 속성 현재 선택된 열은 SelectedCells속성으로 얻을 수 있고 그리드에서 여러개의 열을 동시에 선택할 수 있기 때문에 이 속성은 DataGridViewSelectedCellCollection클래스 객체로 되어 잇습니다. 여기서는 간단하게 하나의 열을 조작할 경우에 사용되는 형태를 보여줍니다. foreach (DataGridViewCell cell in dbView.SelectedCells) { } 선택된 열 갯수 얻기을 얻어 위에서 선택된 열을 얻을 수 있는 방법도 있습니다. SelectedCells.Count for(int i=0; i<dbView.SelectedCells.Count; i++) { } 또한 MultiSelect속성을 false를 설정한 것은 사용자가 여러개의 행/열을 선택할 수 있도록 할 수 있습니다. – 선택된 행 얻기 : SelectedRows 속성 행을 선택하여 행정보를 얻는 경우에 필요한 것으로 DataGridViewRow클래스의 객체의 컬렉션은 Selectedows속성으로 얻을 수 있습니다. foreach(DataGridViewRow row in dbView.SelectedRows) { } – 특정 셀이나 행이 선택되었는지 확인하는 경우 : Selected 속성 셀이 선택되었다면 true, 셀이 선택되지 않았다면 false로 결과를 보내줍니다. dbView[x,y].Selected; 특정 행이 선택되었는지 확인하는 경우 dbView.Rows[n].Selected; – 선택된 행이나 열 설정 데이터 새로고침등의 이벤트로 인해 데이터를 새롭게 보여줄때 현재 위치를 나타내고 싶은 경우에 필요한 것으로 (x,y)위치에 있는 열을 선택한 상태로 두고 싶다면 다음과 같이 선언합니다. dbView[x,y].Selected = true; n행의 행을 선택한 상태로 두고 싶은 경우에는 아래와 같이 선언합니다. dbView.Rows[n].Selected = true; – 모든 선택된 열을 지울 때 : ClearSelection 메소드 10. 열에 보여지는 문자열을 여러행으로 보여주고 싶을 때 열에 표시되는 문자열이 길게 되면 한줄로 보여주지만 오버되면 잘려서 안보여줍니다. 이는 열스타일의 WrapMode속성을 DataGridViewTriState.True(그외 False, NotSet)로 설정하여 셀크기안에서 오버되면 여러행으로 해당 텍스트등을 모두 보여줍니다. 그리드안의 모든 열을 여러행을 보여주고 싶다면, DefaultCellStyle속성의 WrapMode속성에 DataGridViewTriState.True를 설정하는 것을 권장합니다. 이렇게하면 정말 간단하게 구현이 됩니다. ^^ 또한, 다음줄로 넘어간 문자열이 발생하면 행의 높이는 자동으로 조절되는데 AutoSizeRowMode속성에 DataGridViewAutoSizeRowsMode.AllCells를 설정할 것을 권장합니다. 이상 이 두가지를 정리하면 다음과 같습니다. dbView.DefaultCellStyle.WrapMode = DataGridViewTriState.True; 11. 맨 밑까지 스크롤하고 싶을 때 보통 맨 밑에 있는 행을 합계로 보여주거나 응용프로그램 실행시 곧바로 사용자가 새 행을 추가할 있도록 하는 경우가 있는데 이럴때 그리드 맨밑까지 스크롤을 가볍게 해줄 필요가 있습니다. 열단위 표시를 스크롤하기 위한 속성이 3가지가 있는데 다음과 같습니다. <속성> FirstDisplayedCell 그리드 왼쪽 위에 표시된 열 얻기/설정 FirstDisplayedScrollingColumnIndex 그리드에 표시된 처음 열 얻기/설정 FirstDisplayedScrollingRowIndex 그리에 표시된 처음 행 얻기/설정 예를 들어 [2,15]의 위치에 있는 열을 FirstDisplayedCell속성으로 설정하면 [2,15]위치의 열에 왼쪽위로 그리드가 스크롤된 상태로 보여집니다. dbView.FirstDisplayedCell = dbView[2,15]; 마지막 행을 표시하기 위해 그리드 맨밑까지 스크롤시키려면 FirstDisplayedScrollingRowIndex속성을 이용하길 권장합니다. dbView.FirstDisplayedScrollingRowIndex = dbView.Rows.Count – 1; 12. 오토컴플릿 기능을 사용하고 싶을 때 텍스트박스 열은 열 편집 및 새 행을 추가시 텍스트박스를 사용합니다. 이럴때 열편집시 오토컴플릿 기능을 사용할 수 있다는 점입니다. 이는 열이 편집상태가 될 때 발생하는 EditingControlShowing이벤트핸들러가 발생할 때 보여주고 있는 텍스트박스 객체를 얻어 오토컴플릿에 필요한 속성을 설장하는 형태입니다. 실제 이 텍스트박스는 DataGridViewTextBoxEditingControl 클래스의 인스턴스를 만들어 TextBox클래스의 파생클래스로서 TextBox형으로 케스팅합니다. 이렇게 예고로 내놓은 코드는 모든 텍스트박스에 대한 오토컴플릿기능을 설정하고 있기 때문에 어느 열을 사용하더라도 오토컴플릿기능이 작동되며 특정열만 오토컴플릿 기능을 지정할 수도 있습니다. 이 예제에서는 private void dbView_EditingControlShowing(object sender, DataGridViewEditingControlShowingEventArgs e) 13. 열안에 문자열 선택하고 싶을 때 열 안에의 문자열을 선택하여 처리하고 싶다면 BeginEdit메소드를 사용하는 것을 권장합니다. 이 이름처럼 열을 편집하기 위한 것으로 파라미터값을 true로 선언하면 열 안의 문자열이 선택된 상태로 편집할 수 있습니다. 만약 false로 선언하면 커서가 문자열은 선택하지 않고 문자열끝에 커서가 있는 상태로 조작을 할 수 있습니다. // 폼_Load이벤트핸들러가 BeginEdit를 호출할 경우 폼을 먼저 표시할 필요가 있음 14. 왼쪽 윗 빈 열에 값 설정하고 싶을 때 왼쪽 맨 윗열은 항상 빈 여백의 열로 남아 있는데 여기에 특정한 표시를 나타내기 위해 값을 넣거나 열 스타일을 변경할 수 있습니다. 이 빈열은 DataGridView컨트롤의 TopLeftHeaderCell속성으로 접근할 수 있고 이 속성값은 헤더 행이나 헤더 열과 동일한 DataGridViewHeaderCell클래스의 객체입니다. 일반적인 열을 나타내는 DataGridViewCell클래스를 상속받은 클래스입니다. dbView.TopLeftHeaderCell.Value = “매장”; 15. 오른쪽버튼 클릭시 열 선택을 할 수 있도록 하고 싶을 때 기본적으로 마우스 오른쪽버튼으로 클릭시 어떠한 조작도 제어되지 않습니다. 그래서 간단하게 클릭시 열을 선택할 수 있도록 하는 방법을 추가해보고자 합니다. 이는 CellMouseClick이벤트핸들러를 생성하여 열을 클릭시 Control클래스로 정의되어 있는 MouseClick이벤트가 추가되어 CellMouseClick이벤트핸들러가 발생하는 형태입니다. 이 이벤트핸들러의 파라미터로는 클릭된 열의 행번호와 열번호를 얻을 있어 클릭되어 진 열을 간단하게 접근하실 수 있습니다. 여기서 보여주는 스타일은 이벤트핸들러를 통해 클릭된 열의 선택상태를 알려주는 것을 아주 간단합니다. private void dbView_CellMouseClick(object sender, DataGridViewCellMouseEventArgs e) { } 한가지더 알려드리자면, 두번째 파라미터 DataGridViewCellMouseEventArgs클래스는 MouseClick이벤트핸들러의 파라미터인 MouseEventArgs클래스의 파생클래스입니다. 이 클래스는 마우스의 위치나 클릭된 버튼 종류를 알려주며 클릭된 열의 행번호와 열번호를 리턴해주는 RowIndex속성과 ColumnIndex속성이 추가되어 있고 헤더용 열이나 행이 클릭된 경우 속성은 -1로 처리됩니다. 16. 행 삭제시 확인메세지를 보여주고 싶을 때 행을 선택하고 Del키를 누르면 행을 삭제할 수 있습니다. 이럴 때 행의 삭제시 확인 메세지박스를 보여주는 형태를 구현하고 싶은 분들이 있을 것입니다. 이를 한번 구현해보이도록 하겠습니다. DataGridView컨트롤에서는 행이 삭제될 때 UserDeletingRow이벤트핸들러가 발생합니다. 따라서 이 타이밍에 확인 메세지박스를 보여주는 것을 좋을 것같습니다. 그리고 한가지 팁으로 여러개의 행을 선택하고 Del키를 누르면 선택되어 있는 각 행별로 UserDeletingRow이벤트핸들러가 발생합니다. 또한 이 UserDeletingRow이벤트핸들러의 두번째 파라미터는 DataGridViewRowCancelEventArgs객체의 Cancel속성을 true로 설정하여 행삭제를 취소할 수 있습니다. private void dbView_UserDeletingRow(object sender, DataGridViewRowCancelEventArgs e) { “지정한 행삭제”, MessageBoxButtons.YesNo) == DialogResult.No) 17. 열 순서를 마음대로 바꾸고 싶을 때 가끔 고객의 요구로 인해 열을 사용자가 원하는 순서대로 배치하고 싶은 경우가 나옵니다. 이럴때 이런 기능을 모르면 대략 난감했죠 ㅜ_ㅜ; 근데 DataGridView에서는 간단하게 되네요 ^^; 보통 열 순서변경은 마우스로 열 헤더를 드래그&드롭하여 처리할 수 있습니다. AllowUserToOrderColumns속성을 true로 하면 간단하게 끝납니다. ㅡ_ㅡ;;; dbView.AllowUserToOrderColumns = true; 이상 제가 현재까지 알아낸 DataGridView컨트롤의 몇가지 기능을 간단하게 샘플로 만들어보았습니다. 나중에 색다른 것을 발견하면 추가하도록 할께요 ^^ 풀소스는 다운로드받으시면 됩니다. ^^;
다시 찾을려니 2시간 넘게 검색만 하고 아까운 시간만 ㄷㄷㄷ
————————————————–
* e.Graphics – Graphics객체
* e.RowIndex – 표시중인 행번호 (0부터 시작하기 떄문에 +1필요)
* e.RowBounds.X 행헤더 열 왼쪽 위 X좌표
* e.RowBounds.Y 행헤더 열 왼쪽 위 Y좌표
* e.RowBounds.Height 행헤더 열높이
* dbView.RowHeadersWidth 행헤더 셀 폭
* dbView.RowHeadersDefaultCellStyle.Font 사용폰트
* dbView.RowHeadersDefaultCellStyle.FontColor 폰트 색상
private void dbView_RowPostPaint(object sender, DataGridViewRowPostPaintEventArgs e) {
// 행헤더 열영역에 행번호를 보여주기 위해 장방형으로 처리
Rectangle rect = new Rectangle(e.RowBounds.Location.X,
// 위에서 생성된 장방형내에 행번호를 보여주고 폰트색상 및 배경을 설정
TextRenderer.DrawText(e.Graphics,
{
//6. 그리드 실행될 때 기본 열이 선택된 모습을 보여주고 싶지 않을 때
dbView.CurrentCell = null;
}
{
// 7. 특정값을 가진 열을 좀 다르게 보여주고 싶을 때
if (e.ColumnIndex == 1)
{
if (e.Value != null)
{
string text = e.Value.ToString();
if (text.Contains(“Bike”))
{
e.CellStyle.ForeColor = Color.Red;
e.CellStyle.SelectionForeColor = Color.Red;
}
}
}
}
dbView.RowHeadersDefaultCellStyle.BackColor = Color.SeaGreen;
dbView.ColumnHeadersBorderStyle = DataGridViewHeaderBorderStyle.Single;
dbView.AutoSizeRowsMode = DataGridViewAutoSizeRowsMode.AllCells;
{
TextBox tb = e.Control as TextBox;
if (tb == null)
{
return;
}
if (dbView.CurrentCell.ColumnIndex == 1)
{
tb.AutoCompleteMode = AutoCompleteMode.SuggestAppend;
tb.AutoCompleteSource = AutoCompleteSource.AllSystemSources;
}
else
{
tb.AutoCompleteMode = AutoCompleteMode.None;
}
}
this.Show();
// 2행 1열 열을 현재 열로 지정
dbView.CurrentCell = dbView[0, 1];
// 현재 열을 편집상태로
dbView.BeginEdit(true);
//오른쪽 버튼 클릭인가?
if (e.Button == MouseButtons.Right) {
// 헤더 이외의 열
if (e.ColumnIndex >= 0 && e.RowIndex >= 0) {
// 오른쪽 버튼 클릭된 열
DataGridViewCell cell = dbView[e.ColumnIndex, e.RowIndex];
cell.Selected = !cell.Selected; // 선택상태 반전
}
}
if (MessageBox.Show(“삭제하시겠습니까?”,
{
e.Cancel = true; //삭제 취소
}
}