고객 프로파일 페이지에서 주문에 사용자 정의 정렬 옵션 추가

사용자 정의 정렬 옵션을 추가하여 고객 프로파일 페이지의 주문 섹션에서 주문을 정렬할 수 있습니다.

태스크 정보

기본적으로 고객 프로파일 페이지에서 사용 가능한 정렬 옵션은 가장 오래된 것에서 가장 최신의 것으로 및 가장 오래된 것에서 가장 오래된 것으로입니다.

오더 정렬 옵션은 order-list-sort.config.ts 파일의 사전 정의된 목록에서 선택됩니다. 파일은 구성 가능하므로 요구사항에 따라 정렬 구성을 사용자 정의할 수 있습니다.

SCREEN_EXTENSIONS_HOME 아래에 다음 폴더 구조를 만듭니다(아직 없는 경우):SCREEN_EXTENSIONS_HOME/app/features/customer/config
SCREEN_EXTENSIONS_HOME/app/features/customer/config 폴더를 탐색하십시오.
order-list-sort.config.ts 파일을 <WORKSPACE>/store-frontend/src/app/features/customer/config 폴더에서 <WORKSPACE>/store-frontend/store-extensions-src/app/features/customer/config 폴더로 복사하십시오.

참고: order-list-sort.config.ts 파일이 이미 <WORKSPACE>/store-frontend/store-extensions- src/app/features/customer/config 폴더에 있는 경우 파일을 복사하지 마십시오.
순서 목록에 대한 사용자 정의 정렬 구성은 order-list-sort.config.ts 파일에 정의되어 있습니다. 예를 들면 다음과 같습니다.
```
export const OrderListSortConfig = [
{
'tid': 'newToOld',
'labelDisplayValue': 'sortOptions.LABEL_NewToOld',
'codeValue': 'orderCreatedAt_desc',
'mashupBinding': {
'name': 'Createts',
value: 'Y'
}
}
];
```

순서 정렬 구성의 다양한 특성을 표시하는 샘플 JSON 스펙이 제공됩니다.

labelDisplayValue를 변경하여 대체 정렬 옵션을 사용할 수 있습니다.

변환을 위해 모듈의 en.json 파일을 업데이트해야 합니다. 새 번역 리터럴 추가에 대한 정보는 기존 컴포넌트 또는 모듈에 대한 번들 항목 정의하기를 참조하십시오.

테이블 1. 속성 및 설명
속성	설명
`tid` (필수)	정렬 구성을 구별하기 위한 고유 키입니다.
`labelDisplayValue` (필수)	정렬 구성에 대한 설명 번들 키입니다.
`codeValue` (필수)	정렬 구성의 값입니다. 조회 매개변수 및 선택사항에 표시하는 데 사용됩니다.
`mashupBinding` (필수)	매시업 API로 보낼 바인딩을 포함합니다. 매시업 API에서 `OrderBy` 오브젝트의 속성 아래에 보낼 값으로 `Desc` 의 이름 및 값으로 속성의 `name` 가 있는 오브젝트입니다.