데이터 필터

새 창에서 데모를 열어 디자이너 열기

데이터 필터링 방법은 여러 가지가 있습니다.

1. 다음은 정적 값을 기준으로 데이터를 필터링하는 방법입니다.

   const spread = new GC.Spread.Sheets.Workbook('ss', { sheetCount: 1 });
   const ordersTable = spread.dataManager().addTable('Orders', {
       remote: {
           read: {
               url: 'https://demodata.mescius.io/northwind/api/v1/orders'
           }
       }
   });
   ordersTable.fetch().then(() => {
       const reportSheet = spread.addSheetTab(0, 'report1', GC.Spread.Sheets.SheetType.reportSheet);
       const templateSheet = reportSheet.getTemplate();
       // set value and binding for the template
       templateSheet.setTemplateCell(1, 0, {
           type: 'List',
           binding: `Orders[customerId]`,
           filter: {
               condition: { // filter value by static value.
                   and: [
                       {
                           column: "orderDate",
                           operator: "GreaterThan",
                           value: new Date("1997/1/1"),
                       },
                       {
                           column: "orderDate",
                           operator: "LessThan",
                           value: new Date("1997/12/31");
                       }
                   ]
               }
           }
       });
       templateSheet.setTemplateCell(1, 1, {
           type: 'List',
           binding: `Orders[freight]`,
       });
       templateSheet.setTemplateCell(1, 2, {
           type: 'List',
           binding: `Orders[shipName]`,
       });
       // refresh the report
       reportSheet.refresh();
   });
   

2. 다음은 수식을 사용하여 데이터를 필터링하는 방법입니다.

   1. 전체 조건 규칙이 수식인 경우

   templateSheet.setTemplateCell(1, 0, {
       type: 'List',
       binding: `Orders[customerId]`,
       filter: {
           condition: { // filter value formula.
               formula: "=YEAR([@orderDate])=1997"
           }
       }
   });
   

   2. 조건 규칙이 열의 수식인 경우

   templateSheet.setTemplateCell(1, 0, {
       type: 'List',
       binding: `Orders[customerId]`,
       filter: {
           condition: { // filter value formula.
               column: "=YEAR([@orderDate])",
               operator: "Equal",
               value: 1997
           }
       }
   });
   

   3. 열 값이 수식인 경우(수식의 매개 변수를 사용할 수도 있음)

   templateSheet.setTemplateCell(1, 0, {
       type: 'List',
       binding: `Orders[customerId]`,
       filter: {
           condition: { // filter value formula.
               column: "=YEAR([@orderDate])",
               operator: "Equal",
               formula: `=YEAR("1997-01-01")`
           }
       }
   });
   

3. 다음은 조인 테이블을 사용하여 데이터를 필터링하는 방법입니다.

   1. dataManager에 테이블 조인 관계 추가

   const dataManager = spread.dataManager();
   const ordersTable = dataManager.addTable('Orders', {
       remote: {
           read: {
               url: 'https://demodata.mescius.io/northwind/api/v1/orders'
           }
       }
   });
   const employeesTable = dataManager.addTable('Employees', {
       remote: {
           read: {
               url: 'https://demodata.mescius.io/northwind/api/v1/employees'
           }
       }
   });
   // add relationship between ordersTable and employeesTable by employeeId.
   dataManager.addRelationship(ordersTable, "employeeId", "employeesTable", employeesTable, "employeeId", "ordersTable");
   templateSheet.setTemplateCell(1, 0, {
       type: 'List',
       binding: `Orders[customerId]`
   });
   templateSheet.setTemplateCell(1, 1, {
       type: 'List',
       binding: `Employees[firstName]`,
   });
   templateSheet.setTemplateCell(1, 2, {
       type: 'List',
       binding: `Orders[freight]`,
   });
   

   2. 필터 조건에 테이블 조인 필터 추가

   const dataManager = spread.dataManager();
   const ordersTable = dataManager.addTable('Orders', {
       remote: {
           read: {
               url: 'https://demodata.mescius.io/northwind/api/v1/orders'
           }
       }
   });
   const employeesTable = dataManager.addTable('Employees', {
       remote: {
           read: {
               url: 'https://demodata.mescius.io/northwind/api/v1/employees'
           }
       }
   });
   templateSheet.setTemplateCell(1, 0, {
       type: 'List',
       binding: `Orders[customerId]`
   });
   templateSheet.setTemplateCell(1, 1, {
       type: 'List',
       binding: `Employees[firstName]`,
       filter: {
           condition: { // add table join filter condition.
               column: "employeeId",
               operator: "equal",
               dataColumn: {
                   tableName: "Orders",
                   columnName: "employeeId"
               }
           }
       }
   });
   templateSheet.setTemplateCell(1, 2, {
       type: 'List',
       binding: `Orders[freight]`,
   });