데이터소스dews-ui-dataSource

기본 사용법

  • transport object
    • read object|string|function
      • url string|function 데이터소스를 호출할 URL경로를 설정합니다.
      • data object|function 데이터소스를 호출할때 추가적으로 넘길 파라미터값을 설정합니다.

데이터소스 수정을 위한 데이터 스키마 적용법

  • schema object
    • model object
      • id string 모델의 id값을 설정합니다.
      • fields object
        • fieldName string 데이터소스 내 항목명을 기입합니다.
        • fieldAttribute object 데이터소스의 해당 항목에 대한 속성을 설정합니다.

로컬 데이터소스 사용

  • data object 데이터소스를 서버에서 가져오지 않고 로컬에서 데이터소스를 가져오는 경우에 사용됩니다.

합계 및 소계 행 추가

  • aggregate
    • field string 설정된 데이터의 합계 및 소계를 구할 데이터 행을 설정합니다.
    • aggregate string 설정된 데이터의 연산작업을 설정합니다.
  • group
    • field string 설정된 데이터의 그룹별 합계 및 소계를 구할 데이터 행을 설정합니다.
    • aggregates array
      • field string 설정된 데이터의 합계 및 소계를 구할 데이터 행을 설정합니다.
      • aggregate string 설정된 데이터의 연산작업을 설정합니다.

※ 자세한 사항은 튜토리얼 > 합계 및 소계 행 추가를 참고하세요.

심플 페이저 연동

  • page number 선택한 현재 페이지를 설정해 줍니다.
  • pageSize number 페이징시 한 화면에 출력할 항목의 갯수를 설정해 줍니다.

※ 자세한 사항은 튜토리얼 > 심플 페이저 연동을 참고하세요.

데이터소스 오류 처리하기

  • error function AJAX 요청을 사용하는 데이터소스를 호출 시 서버에서 오류가 발생하였을 경우 오류 메세지를 출력을 설정할 수 있습니다.

※ 자세한 사항은 튜토리얼 > 데이터소스 오류 처리하기를 참고하세요.

데이터소스 정렬

  • sort array|object
    • field string 정렬을 할 데이터 행을 설정합니다.
    • dir string 정렬의 방향을 설정합니다.asc, desc생략시 기본값 asc

데이터소스 Change 이벤트 사용법

  • change function
    • e.sender dataSource 데이터소스 인스턴스 입니다.
    • e.items array 데이터 항목의 배열을 가져옵니다.
    • e.action string 변경된 이벤트의 액션 타입을 보여줍니다.itemchange|add|remove|sync
    • e.field string e.action의 값이 itemchange일 경우에만 사용가능 하며 변경된 필드를 보여줍니다.