GridView 컨트롤 은 데이터 의 표시 와 삭 제 를 실현 합 니 다(8 절)

4626 단어 ASP.NETGridView
이 절의 학습 내용 은 뉴스 목록 의 실현 으로 페이지 기능 을 사용 하여 한 페이지 에 4 개의 뉴스 를 표시 합 니 다.뉴스 디 스 플레이 페이지 에'삭제'필드 를 추가 하고 실행 할 때 이 줄 의'삭제 버튼 을 눌 렀 을 때'이 정 보 를 삭제 하 시 겠 습 니까?'확인 단 추 를 눌 렀 을 때 이 줄 의 정 보 를 삭제 하고 취소 단 추 를 눌 렀 을 때 삭제 작업 을 하지 않 습 니 다.
우선 우 리 는 먼저 지식 점 을 귀납 한다.
데이터 원본 컨트롤:서로 다른 데이터 원본 에서 데 이 터 를 얻 는 기능 을 실현 하기 위해 연결 정보,조회 정보,파라미터 와 행 위 를 설정 할 수 있 고 ASP.NET 에서 요구 하 는 대량의 중복 코드 를 제거 할 수 있 습 니 다.
데이터 바 인 딩 컨트롤:실제 데이터 저장 소 와 의 연결 만 관리 하고 사용자 인터페이스 를 표시 할 수 없습니다.
이름 데이터 원본 컨트롤                   데이터 바 인 딩 컨트롤
1  SqlDataSourse                     GridView
2  AccessDataSourse            DetailsView
3  ObjectDataSourse              FromView
4  XmlDataSourse                     Repeater
5  SiteMapDataSourse                DataList
학습 임무:GridView 컨트롤 학습
(1)소개:표 의 형식 으로 데 이 터 를 표시 하고 각 열 은 하나의 필드 를 대표 하 며 각 줄 은 하나의 기록 을 대표 한다.데이터 원본 컨트롤 에 맞 춰 데이터 베 이 스 를 탐색,편집,삭제 등 작업 을 할 수 있 습 니 다.
(2)GridView 컨트롤 을 사용 하여 정보 표시
단계 1:새 페이지 파일 GridView.aspx.
단계 2:데이터 원본 컨트롤 추가.'디자인'보기 로 전환 하고 도구 상자'데이터'옵션 에 있 는 ObjectDataSourse 컨트롤 을 페이지 에 끌 어 다 놓 으 며 오른쪽 상단 에 있 는 작은 삼각형 단 추 를 누 르 고 팝 업 목록 에서'데이터 원본 설정'옵션 을 선택 하 십시오.팝 업 을 연결 하 는 대화 상자 에서'업무 대상 선택'을 선택 하 십시오.
드 롭 다운 메뉴 의"chuli.newschuli.cs"를 선택 하고 다음"선택 방법"을 누 르 십시오.
STEP 3:GridView 컨트롤 추가.GridView 오른쪽 상단 에 있 는 작은 삼각형 단 추 를 누 르 면'데이터 원본 선택'드 롭 다운 시트 에서 만 들 기 전에 만 든 데이터 원본 을 선택 하고 데이터 원본 을 GridView 컨트롤 에 연결 합 니 다.뉴스 chuli.cs 페이지 에서 코드 를 작성 하면 다음 과 같 습 니 다.

 private SqlConnection conn;
   public DataSet findallnews()
   {
     conn = dbconn.GetConnection();
     conn.Open();
     SqlDataAdapter sda = new SqlDataAdapter("select * from news", conn);
     DataSet ds = new DataSet();
     sda.Fill(ds);     
     return ds;
   }
메모:인용 과 네 임 스페이스 추가
단계 4:GridView 컨트롤 의 외관 을 설정 합 니 다.GridView 오른쪽 상단 에 있 는 작은 삼각형 단 추 를 누 르 고'자동 사용 형식'을 선택 하여 설정 합 니 다.(가운데 정렬:Horizontal Align 을 center 로 설정)
단계 5:사용자 정의 GridView 컨트롤 디 스 플레이 열 을 데이터베이스 와 연결 합 니 다.(알림:속성 을 설정 할 때 체크 상자 앞 에 있 는"√"를 반복 해 야 합 니 다.그렇지 않 으 면 표 시 된 정보 가 중복 되 어 페이지 의 미관 에 영향 을 줍 니 다.)
STEP 6:페이지 나 누 기 를 사용 합 니 다.GridView 작업 메뉴 표시 줄 에서'페이지 나 누 기 사용'을 선택 하거나 GridView 의 AllowPaging 속성 을 True 로 변경 합 니 다.
(3)GridView 컨트롤 을 사용 하여 정보의 편집 과 삭 제 를 실현 합 니 다.
단계 1:데이터 원본 컨트롤 이 데 이 터 를 정의 하 는 방법 은 뉴스 chuli.cs 페이지 에서 코드 를 다음 과 같이 작성 합 니 다.

public static void deletenews (newsclass news1)
    {
      using ( SqlConnection cn = dbconn.GetConnection())
      {
        cn.Open();
        SqlCommand cm = new SqlCommand();
        cm.Connection = cn;
        string sql = "delete from news where ID=@qq";
        cm.CommandText = sql;
        cm.Parameters.AddWithValue("@qq", news1.ID);
        cm.ExecuteNonQuery();
      }
    }
STEP 2:DataKeyNames 속성 을 id 로 설정 합 니 다.
단계 3:편집 열 추가 및 삭제 열.GridView 작업 메뉴 를 열 고'열 편집'을 선택 하 십시오.
명령 은'필드'대화 상 자 를 열 고 왼쪽 위 에 있 는'사용 가능 한 필드'목록 에서 CommandFired 앞의'+'번 호 를 펼 칩 니 다.각각'편집,업데이트,취소'옵션 과'삭제'단 추 를 선택 하고'확인'단 추 를 누 르 면 됩 니 다.
단계 4:모드 열 설정.데이터 바 인 딩 컨트롤 의 템 플 릿 열 은 사용자 정의 내용 을 표시 하 는 데 사용 할 수 있 습 니 다.
인 스 턴 스 1:비 어 있 는 인증 을 입력 하 십시오.
Step 1:"필드"대화 상 자 를 열 고"뉴스 제목"옵션 을 선택 하 십시오.컴퓨터 오른쪽 아래 에 있 는'이 단락 을 Template Fired 로 변환 합 니 다'하이퍼링크 는 이 를 모드 열 로 변환 합 니 다.
Step 2:GridView 작업 메뉴 를 열 고'템 플 릿 편집'을 선택 하여 들 어가 서 EditItemTemplate 템 플 릿 항목 에 데이터 검증 컨트롤 RequiredFiredValidator 를 설정 하여 비 어 있 는 검증 을 실현 합 니 다.
인 스 턴 스 2:삭제 하기 전에 삭제 확인 대화 상 자 를 추가 합 니 다.
Step 1:"필드"대화 상 자 를 열 고"삭제"옵션 을 선택 하 십시오.오른쪽 아래'이 단락 을 Template Fired 로 변환 하기'하이퍼링크 를 누 르 면 모드 열 로 변환 합 니 다.
Step 2:클 라 이언 트 이벤트 OnClient Click 을 추가 하고 자 바스 크 립 트 스 크 립 트 를 작성 합 니 다:OnClient Click="return confirm('삭제 하 시 겠 습 니까'확인)"

실행 효과 그림:

총결산
이전에 ASP.NET 데이터 액세스 기술 중의 ADO.NET 대상 을 소 개 했 는데 오늘 은 데이터 바 인 딩 기술 을 배 웠 습 니 다.이 기술 을 사용 하면 웹 응용 프로그램 이 데이터 베이스 와 쉽게 상호작용 을 할 수 있 습 니 다.
오늘 은 GridView 와 Object DataSourse 두 가지 컨트롤 을 알 게 되 었 습 니 다.이 두 컨트롤 을 능숙 하 게 파악 하 는 데 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기