1. GridView에 페이징 처리하기
<asp:GridView ID="grdResult" runat="server" AllowPaging="True"
OnPageIndexChanging="grdResult_PageIndexChanging" PageSize="30"></asp:GridView>
- AllowPaging : GridView에 Paging을 허용할지 설정(True, False)
- PageSize : 한 페이지당 보여줄 목록 수를 설정
- OnPageIndexChanging : Paging 이벤트를 처리할 이벤트 함수
1.2 aspx 소스에서 설정해준 OnPageIndexChanging 이벤트에 대한 내용을 aspx.cs에서 정의
protected void grdResult_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
grdResult.PageIndex = e.NewPageIndex; // 새로운 Page Index를 설정
grdResult.DataSource = GetDataSet(); // DataSet을 가져오는 함수를 실행하여
// GridView 객체에 설정
grdResult.DataBind(); // GridView를 다시 바인딩
}
2. GridView에 정렬 속성 추가하기
<asp:GridView ID="grdResult" runat="server" AllowSorting="True"
OnSorting="grdResult_Sorting" PageSize="30"></asp:GridView>
- AllowSorting : 정렬 기능을 허용할지 설정(True, False)
- OnSorting : 정렬 기능을 처리할 이벤트 함수
2.2 OnSorting 이벤트에 대한 함수 정의
protected void grdResult_Sorting(object sender, GridViewSortEventArgs e)
{
string sortExpression = e.SortExpression;
// GridView 헤더 클릭할 때마다 정렬 방향 설정
if (GridViewSortDirection == SortDirection.Ascending)
{
GridViewSortDirection = SortDirection.Descending;
SortGridView(sortExpression, "DESC"); // 현재 클릭한 헤더 정보와 정렬 방향(DESC) 정보를
// Sorting 처리 함수에 전달
}
else
{
GridViewSortDirection = SortDirection.Ascending;
SortGridView(sortExpression, "ASC"); // 현재 클릭한 헤더 정보와 정렬 방향(ASC) 정보를
// Sorting 처리 함수에 전달
}
}
// 정렬 방향 설정
private SortDirection GridViewSortDirection
{
get
{
if (ViewState["sortDirection"] == null)
ViewState["sortDirection"] = SortDirection.Ascending;
return (SortDirection)ViewState["sortDirection"];
}
set { ViewState["sortDirection"] = value; }
}
// GridView 정렬 적용
private void SortGridView(string sortExpression, string direction)
{
DataTable dt = GetDataSet().Tables[0];
DataView dv = new DataView(dt);
dv.Sort = sortExpression + " " + direction;
grdResult.DataSource = dv;
grdResult.DataBind();
}
3. GridView에 편집/삭제 기능 추가하기
<asp:GridView ID="gridDetail" runat="server" AutoGenerateColumns="false"
OnRowDeleting="gridDetail_RowDeleting" OnRowEditing="gridDetail_RowEditing"
OnRowUpdating="gridDetail_RowUpdating" OnRowCancelingEdit="gridDetail_RowCancelingEdit">
<Columns>
<asp:TemplateField HeaderText="ITEM">
<EditItemTemplate>
<asp:TextBox ID="txtItem" runat="server" Text='<%# Eval("data") %>' Width="150px">
</asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblItem" runat="server" Text='<%# Eval("data") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="편집">
<EditItemTemplate>
<asp:ImageButton ID="imgBtnUpdate" runat="server" CausesValidation="True" CommandName="Update" ImageUrl="/img/btn/update.gif"></asp:ImageButton>
<asp:ImageButton ID="imgBtnCancel" runat="server" CausesValidation="False" CommandName="Cancel" ImageUrl="/img/btn/btn_can.gif"></asp:ImageButton>
</EditItemTemplate>
<ItemTemplate>
<asp:ImageButton ID="imgBtnEdit" runat="server" CausesValidation="False" CommandName="Edit" ImageUrl="/img/btn/btn_mod.gif"></asp:ImageButton>
<asp:ImageButton ID="imgBtnDelete" runat="server" CausesValidation="False" CommandName="Delete" ImageUrl="/img/btn/delete.gif"></asp:ImageButton>
</ItemTemplate>
<ItemStyle Width="160px" />
</asp:TemplateField>
</Columns>
</asp:GridView>
- TemplateField : 사용자 정의 필드
- EditItemTeamplate : 편집 상태일 때 보여줄 필드
- ItemTemplate : 편집 상태가 아닌 일반 화면일 때 보여주는 필드
- OnRowDeleting : GridView에 선택 행 삭제할 때 발생하는 이벤트
- OnRowEditing : GridView에서 편집 버튼을 클릭했을 때 발생하는 이벤트
- OnRowUpdating : GridView에서 Update 버튼을 클릭했을 때 발생하는 이벤트
- OnRowCancelingEdit : GridView에서 편집 취소 버튼을 클릭했을 때 발생하는 이벤트
3.2 3.1에 정의한 각 이벤트에 대한 이벤트를 aspx.cs 소스에 정의
// GridView 편집 전환
protected void gridDetail_RowEditing(object sender, GridViewEditEventArgs e)
{
gridDetail.EditIndex = e.NewEditIndex; // 현재 편집을 선택한 행의 Index 설정
gridDetail.DataSource = GetDataSet(); // DataSet 객체 얻어와서 GridView 객체에 설정
gridDetail.DataBind(); // GridView를 다시 재바인딩
}
// GridView 데이터 수정
protected void gridDetail_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
int idx = e.RowIndex; // 현재 수정버튼을 클릭한 행의 Index를 얻어옴
// 다음과 같이 GridView의 해당 Index에 대한 데이터를 얻어옴
String data = ((TextBox)gridDetail.Rows[idx].FindControl("data")).Text;
// DB에 저장하는 코드 부분을 이곳에 정의
gridDetail.EditIndex = -1; // 처리 후 -1로 설정하는 이유는 저장 처리 후 다시 일반화면으로
// 전환하기 위함.
gridDetail.DataSource = GetDataSet(); // DataSet 객체 얻어와서 GridView 객체에 설정
gridDetail.DataBind(); // GridView를 다시 재바인딩
}
// GridView 수정 취소
protected void gridDetail_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
{
gridDetail.EditIndex = -1; // -1로 설정하는 이유는 일반화면으로 전환하기 위함.
gridDetail.DataSource = GetDataSet(); // DataSet 객체 얻어와서 GridView 객체에 설정
gridDetail.DataBind(); // GridView를 다시 재바인딩
}
// GridView Row 삭제 이벤트
protected void gridDetail_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
int idx = e.RowIndex; // 현재 삭제 버튼을 클릭한 행의 Index를 얻어옴
// 다음과 같이 GridView의 해당 Index에 대한 데이터를 얻어옴
String data = ((TextBox)gridDetail.Rows[idx].FindControl("data")).Text;
// DB에서 삭제하는 코드 부분을 이곳에 정의
gridDetail.EditIndex = -1; // 처리 후 -1로 설정하는 이유는 저장 처리 후 다시 일반화면으로
// 전환하기 위함.
gridDetail.DataSource = GetDataSet(); // DataSet 객체 얻어와서 GridView 객체에 설정
gridDetail.DataBind(); // GridView를 다시 재바인딩
}
4. GetDataSet 함수 정의
private DataSet GetDataSet()
{
// SQL Connection 개체 생성
SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["MATL_DBConnectionString"].ConnectionString);
// Paramter 정보 설정
String yyyyMM = ((TextBox)Master.FindControl("MainContent").FindControl("txtYYYYMM")).Text;
String year = yyyyMM.Substring(0, yyyyMM.IndexOf("-"));
String month = yyyyMM.Substring(yyyyMM.IndexOf("-") + 1, 2);
String iNo = year + month;
String iSeq = ((TextBox)Master.FindControl("MainContent").FindControl("txtSeq")).Text;
// SQL Command 개체 생성 및 설정
SqlCommand cmd = new SqlCommand("NB1050I_Q", conn);
cmd.CommandType = CommandType.StoredProcedure;
cmd.Parameters.AddWithValue("iTP", "S1");
cmd.Parameters.AddWithValue("i_no1", iNo);
cmd.Parameters.AddWithValue("i_no2", iSeq);
// SQL DataReader 개체 생성
conn.Open();
SqlDataReader rd = cmd.ExecuteReader(CommandBehavior.CloseConnection);
// Create a DataTable
DataTable table = new DataTable();
// Create a DataColumn and set various properties
DataColumn column1 = new DataColumn();
column1.DataType = Type.GetType("System.String");
column1.AllowDBNull = true;
column1.Caption = "ITEM";
column1.ColumnName = "ITEM";
// Add the column to the table
table.Columns.Add(column1);
for (int i = 1; i <= 12; i++)
{
DataColumn column2 = new DataColumn();
column2.DataType = Type.GetType("System.Decimal");
column2.AllowDBNull = true;
column2.Caption = i.ToString();
column2.ColumnName = i.ToString();
table.Columns.Add(column2);
}
// Add Row and set values
DataRow row;
while (rd.Read())
{
row = table.NewRow();
row["ITEM"] = ((String)rd[1]).Trim();
for (int i = 1; i <= 12; i++)
{
row[i] = String.Format("{0:#,##0}", rd.GetDecimal(i + 1));
}
// Be sure to add the new row to the
// DataRowCollection.
table.Rows.Add(row);
}
DataSet ds = new DataSet();
ds.Tables.Add(table);
// SqlDataReader 개체 닫기 및 SqlConnection 닫기
rd.Close();
conn.Close();
return ds;
}
* 이 포스트는 blogkorea [블코채널 : 프로그램에 대한 개발팁 및 유용한 정보 공유합시다.] 에 링크 되어있습니다.
2008/07/29 - [프로그래밍/ASP .Net] - [ASP.Net2.0] GridView RowSpan 적용예제
2008/08/01 - [프로그래밍/ASP .Net] - [ASP.Net2.0] GridView 행 추가하기
2008/08/01 - [프로그래밍/ASP .Net] - [ASP.Net2.0] GridView 웹 서버 컨트롤에 바인딩된 행에 대한 대량 업데이트 수행
2008/08/11 - [프로그래밍/ASP .Net] - [ASP.Net2.0] 마스터 페이지 사용시 Request 문제
2008/08/11 - [프로그래밍/ASP .Net] - [ASP.Net2.0] GridView를 Excel 출력하기
2008/08/12 - [프로그래밍/ASP .Net] - [ASP.Net2.0] XML 문서 만들기 & 이미지 문서 만들기
2008/08/27 - [프로그래밍/ASP .Net] - [ASP.Net2.0] 웹사이트에 ASP.NET AJAX 사용할 수 있게 설정
|
Category: 개발 Tip/ASP .Net
Tags: ASP.NET 2.0, GridView, 삭제, 수정, 이벤트 정리, 저장, 정렬, 페이징, 편집, 대한민국>대구광역시>서구>비산7동
LinkPrice Ad : 블로그도 하고 돈도 벌고~! 꿩먹고 알먹고~♬
Google Domain Adsense : mochaza.com myphotolife.pe.kr
Trackback URL : http://www.parkgunstyle.kr/trackback/44
2009/12/09 02:35 Delete Reply Permalink
좋은정보 감사합니다
Re:
역전의용사
2009/12/09 13:54 Delete Permalink
도움이 되었으면 좋겠네요 ^^
정훈
2010/02/06 18:22 Delete Reply Permalink
덕분에 GridView Paging 3시간 만에 해결봤습니다 ㅠ 감사합니다 앞으로 종종 들리겠습니다 ^^
Re:
역전의용사
2010/02/08 09:14 Delete Permalink
어우~ 오래된 정보인데 도움이 되었다니 다행입니다 ^^
김영진
2011/08/24 13:09 Delete Reply Permalink
님 GridView Paging 소스에 보면 GetDataSet()이라고 있는데
그거는 어떤건가요?
그거 소스좀 알수 있을까요?
김영진
2011/08/24 16:05 Delete Reply Permalink
GetDataSet()이
Paging이랑 Sorting에 둘다 있던데,,,
저게 구체적으로 어떤 소스인지 궁금하네요~
저게 없으니 아예 안되요.. ㅜㅠ
Re:
역전의용사
2011/08/24 16:07 Delete Permalink
제가 그 소스가 어디 있는지 잘 몰라서요;;; 몇년 전에 했던거라 이따 저녁때 살펴보고 답변드리께요 ^^;
김영진
2011/08/24 18:37 Delete Reply Permalink
아 네.. 그러시군요~
꼭 확인해보시구 답변주세요^^ 감사합니다 ㅎㅎ;;
김영진
2011/08/24 20:14 Delete Reply Permalink
님 꼭 좀 알려주세요~~ 부탁드릴게요~!!! ^^;;
Re:
역전의용사
2011/08/24 20:18 Delete Permalink
죄송한데요 제가 회사일이 많이 바빠서요;;;
외장하드 어딘가에 백업해둔 걸로 기억하는데 회사 자료가 많다보니 쉽게 못찾겠네요.
찾게 되면 답글달겠습니다.
김영진
2011/08/24 21:11 Delete Reply Permalink
네 ~ 기다릴게요^^ 많이 바쁘신거같은데 수고하셔요~
김영진
2011/08/26 19:46 Delete Reply Permalink
흑흑.. 아직 못찾으셨나요.....??
전 24시간 내내 님의 답변을 기다리고 있습니다...^^
Re:
역전의용사
2011/08/26 20:01 Delete Permalink
본문 내용에 해당 함수 넣어뒀습니다.
기본적으로 테이블을 읽어서 필요한 데이터 작업 처리 후 해당 DataSet을 반환하는 걸로 되어있습니다 ^^
소스 참고하세요
김영진
2011/08/28 22:19 Delete Reply Permalink
님 감사해요~~
근데도 아직 해결이 안됬네요.....ㅜ
소스내용을 이해하기가 무척 힘들어요..ㅜㅜ
ㅠㅠ
2012/03/13 19:24 Delete Reply Permalink
ㅠㅠ 감사히 잘 봤습니다
제가 하다가 오류가 났는데 좀 도와주세요 ㅠㅠ
제가 자동 필드 생성을 안하고 하나하나 추가하는 방식으로 했는데요
저 세 기능을 다 합하려고 하니 안되네요 ㅠㅠ
세가지 기능(페이징, 정렬, 수정/삭제)을 합치려면 어떻게 해야하는 지 알려주세요 ㅠㅠ
하나만 눌러도 다른 이벤트들도 발생해야하기 때문에..(페이지를 넘겼는데 정렬이 초기화되면 안되잖아용.. ㅠㅠ)
요놈들의 이벤트때문에 고생입니다 ㅠㅠ.. 제발 알려주세용
Re:
역전의용사
2012/03/13 19:28 Delete Permalink
죄송합니다;; 제가 ASP .Net을 손을 뗀지가 4년이나 되서요 ㅠㅠ 저도 기억이 잘 안나네요;
근데 오류가 발생하는건가요?
원칙대로라면 되야될건데;;