Client-side Editing

 OrderIDShipNameShipCityShippedDate
Delete10248Vins et alcools ChevalierReims776995200000
Delete10249Toms SpezialitätenMünster776476800000
Delete10250Hanari CarnesRio de Janeiro776649600000
Delete10251Victuailles en stockLyon776908800000
Delete10252Suprêmes délicesCharleroi776563200000
Delete10253Hanari CarnesRio de Janeiro776995200000
Delete10254Chop-suey ChineseBern777600000000
Delete10255Richter SupermarktGenève776908800000
Delete10256Wellington ImportadoraResende777081600000
Delete10257HILARIÓN-AbastosSan Cristóbal777513600000
설명

C1GridView는 클라이언트 편집을 지원합니다. 이 샘플에서는 클라이언트 편집이 사용되는 경우 세션 개체에 저장된 데이터 집합을 업데이트하는 방법 및 클라이언트 측 사용자 지정 편집기를 제공하는 방법을 보여 줍니다.

이 샘플에 사용되는 속성은 다음과 같습니다.

  • AllowClientEditing - 최종 사용자가 현재 셀 값을 편집하도록 허용합니다.
  • AllowKeyboardNavigation - 최종 사용자가 키보드를 사용하여 현재 셀 위치를 변경하도록 허용합니다.
  • HighlightCurrentCell - 현재 셀의 위치를 강조 표시합니다.

이 샘플에서는 ShippedDate 열에 대한 사용자 지정 편집기(wijinputdate)를 만들기 위해 다음 클라이언트 측 이벤트 처리기가 사용됩니다.

  • OnClientBeforeCellEdit - 편집하기 전에 사용자 지정 편집기를 만듭니다.
  • OnClientBeforeCellUpdate - 편집이 완료되기 전에 편집한 값을 그리드로 전달합니다.
  • OnClientAfterCellEdit - 편집이 완료되면 편집기를 제거합니다.

이 샘플에 사용되는 서버 측 이벤트 처리기는 다음과 같습니다.

  • RowUpdating - 클라이언트에서 얻은 값으로 데이터 소스를 업데이트합니다.
  • EndRowUpdating - 변경 사항을 커밋합니다.

다음과 같은 경우 현재 셀은 편집 모드로 전환됩니다.

  • 왼쪽 마우스 단추로 두 번 클릭했습니다.
  • F2 키보드의 키를 눌렀습니다(커서가 편집기 영역 끝에 위치함).
  • 영숫자 키를 눌렀습니다(원래 값이 입력한 기호로 대체됨).

다음과 같은 경우 현재 셀에 대한 편집이 커밋됩니다.

  • 현재 셀 위치가 변경되었습니다.
  • F2 또는 Enter 키를 눌렀습니다(기본 편집기에만 해당).

Esc 키를 누르면 원래 값을 복원하는 현재 셀의 편집이 취소됩니다.

현재 행 위치가 변경되면 누적된 모든 변경 사항이 서버로 보내집니다.

도움말