300x250
728x90

Sort ( Table, Formula,[ SortOrder] ) 

필자가 만든 데이터 원본을 사용하려고 한다. 

테이블  : Mobile App 

 

리스트를 보여주는 양식 중에는 갤러리데이터 테이블로 나뉘어져 있다. 

 

해당하는 리스트를 클릭 후 이벤트 Items 에서

Sort('Mobile App', Name) 값을 넣어준다. 

다음과 같이 이벤트를 설정을 하게 되면 

Mobile App을 Name 열로 정렬을 한다고 생각하면 된다. 기본 정렬은 오름차순으로 정해져 있다. 

만약 내림차순을 원한다면 

Sort('Mobile App',Name,Descending)

값을 넣어주면 된다. 

 

 

SortByColumns(Table, ColumnName1[,SortOrder1, ColumnName2, SortOrder2, ...])

하나 이상의 열을 기준으로 테이블을 정렬하는 데 사용 가능하다. 

또한 단일 열 테이블 값을 기준으로 정렬이 된다.

 

Sort와 SortByColumns은 거의 비슷하다고 생각하면 된다. 

Sort와 같이 테이블을 넣어주고 컬럼 넣고 오름차순 할 건지 내림차순 할 건지 정하면 되는 것이다.

여기서 추가적인 것은 컬럼을 더 추가하는 것이다 

 

SortByColumns('Mobile App',Name,Ascending,StdID,Ascending)

 

 

Sort 및 SortByColumns은 이런 식으로 사용하면 된다.

 

이제 실습에서 사용하는 정렬을 사용할 것이다.

정렬 버튼을 클릭했을 때 동적으로 바뀌는 정렬을 설정하려고 한다. 

 

우선 기본 형식은 같다.

내가 정렬한 필드를 생각을 하고 있자. 

 

첫 번째로 해야 하는 것은 정렬 버튼을 추가하는 것이다. 이건 넘어가는 걸로 하겠다. 

 

추가를 했다면 버튼의 이벤트를 설정을 해주어야 한다. 

 

UpdateContext({SortDescending1: !SortDescending1})

 

UpdateContext는 지역변수를 만들어주는 함수이다. 이벤트를 설명하면 아이콘을 클릭할 때마다 SortDesceding1 변수가 True, False 값으로 전환이 되는 로직을 사용한 것이다.

 

그다음 다시 사용하는 리스트 클릭 후 이벤트를 설정을 다음과 같이 해주면 된다. 

# OData__xd559__xb144_" 한글로 되어있기 때문에 이런 식으로 뜨게 된다. 

# Name 컬럼으로 생각하면 된다.

 

이벤트는 

If(SortDescending, Descending, Ascending))

SortDescending 1 변수 값이 TrueDescending, FalseAscending이다.

 

그럼 완성이 되었다. 실행해보자

 

실행 화면

Name기준 오름차순

 

Name기준 내림차순

 

 

728x90
LIST