Pivot Grid Batch Editing and Transactions
TransactionService 는 컴포넌트가 기본 데이터에 영향을 주지 않고 변경을 축적하는데 사용할 수 있는 삽입 가능한 미들웨어입니다. The provider exposes API for Angular CRUD and data manipulation (undo and redo), also it can discard or commit all of the changes with a grid batch editing capabilities.
TransactionService 는 셀 편집과 행 편집 모두를 실행합니다. 행이 편집 모드를 종료한 경우 행 트랜잭션이 작성되는 동안 셀이 편집 모드를 종료하면 셀 편집 트랜잭션이 추가됩니다. 그러나, 두 경우 모두 그리드 편집 상태는 모든 업데이트, 추가 및 삭제된 행 및 마지막 상태로 구성됩니다. 이것들은 나중에 검사, 조작, 즉시 제출될 수 있습니다. 변경은 편집 모드에 따라 개별 셀 또는 행별로 수집되고 데이터 행/레코드별로 축적됩니다.
데모
Note
트랜잭션 상태는 업데이트, 추가 및 삭제된 행과 마지막 상태로 구성됩니다.
사용 방법
시작하려면 app.module.ts 파일에서 IgxPivotGridModule을 가져옵니다:
// app.module.ts
...
import { IgxPivotGridModule } from 'igniteui-angular';
@NgModule({
...
imports: [..., IgxPivotGridModule],
...
})
export class AppModule {}
그런 다음 igxTransactionService를 Pivot Grid 또는 상위 컴포넌트의 일부 공급자로 정의해야 합니다.
Note
IgxGridTransaction 은 그리드에 의해 정의된 주입 토큰입니다.
그런 다음 바인딩된 데이터 소스 및 rowEditable이 true로 설정되고 바인딩된 Pivot Grid를 정의합니다:
Note
rowEditable 속성을 비활성화하면 Pivot Grid가 수정되고 셀 변경 시 트랜잭션을 생성하며, UI에서 행 편집 오버레이는 공개되지 않습니다.
API 참조
추가 리소스
- Build CRUD operations with igxGrid
- Pivot Grid 개요
- Pivot Grid 편집
- Pivot Grid 행 편집
- Pivot Grid Row Adding