# 모달/팝업 설정

쿼리 블록안에 viewModal 또는 editModal을 추가하고 안에 새로운 블록을 여러개 넣을 수 있습니다.

테이블에서 클릭한 데이터도 모달 화면에서 접근 가능합니다.

- type: query
  resource: mysql.qa
  # autoload: true
  name: 회원목록
  sql: > 
    SELECT id, email, provider_kakao_id, created_at, last_signed_at  FROM user
  viewModal:
    displayParentRow: true
    blocks:
      - type: query
        resource: mysql.qa
        name: 워크스페이스 이용중
        autoload: true
        sql: > 
          SELECT DISTINCT w.id, w.name, w.created_at
          FROM user, workspace_role, workspace AS w
          WHERE user.id = :uid
            AND workspace_role.user_id = user.id
            AND w.id = workspace_role.workspace_id
        params:
          - key: uid
            label: 'ID'
            format: 'number'
            valueFromRow: id
        refs:
          - column: id
            param: wid
            href: /workspaces/state
            autoload: true
      - type: query
        resource: mysql.qa
        name: 카카오톡 로그인 초기화
        sql: >
          update user
          set provider_kakao_id = NULL
          where id = :id
        params:
          - key: id
            valueFromRow: id
      - type: query
        resource: mysql.qa
        name: 카카오톡 계정 연결
        sql: >
          update user
          set provider_kakao_id = :provider_kakao_id
          where id = :id
        params:
          - key: provider_kakao_id
            defaultValueFromRow: provider_kakao_id
          - key: id
            valueFromRow: id
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

# viewModal

테이블 오른쪽에 '조회' 링크가 표시됩니다.

# editModal

테이블 오른쪽에 '수정' 링크가 표시됩니다.

현재는 viewModal과 링크 이름만 다르고 차이점은 없습니다.

# displayParentRow

테이블 결과물을 표시합니다. (표시안하는경우 새로운 블록들 내용만 표시)

# refs

  • column 값에 링크를 표시합니다. (연결 조회가 필요한 경우 해당 페이지 Path로 이동시키세요.)
  • href 는 페이지 주소입니다.
  • param 은 해당 페이지 파라메터로 자동 입력을 해줍니다. (검색조건 지정)
  • autoload 는 해당 페이지로 이동후 즉시 조회합니다.

# params

기존 쿼리블록과 다르게 모달안에서는 선택된 데이터 값을 이용할수 있습니다.

  • defaultValueFromRow: 테이블 선택한 데이터를 필드 기본값으로 채웁니다. (입력필드 표시)

    내용 수정에 적합힙니다.

  • valueFromRow: 테이블 선택한 데이터를 필드값으로 지정합니다. (UI로 표시안함)

    id 조건을 유지할때 적합합니다.