Skip to main content
modals, openModal 모달 열어서 상세내역 살펴보기 
blocks:
  - type: http
    method: GET
    fetchFn: |
      return [
        { id: 1, name: 'hey' },
        { id: 2, name: 'good day' }
      ]
    columns:
      name:
        openModal: modal1-:id
	  modals:
      - path: modal1-:id
        blocks: 
          - type: markdown
            content: |
              open modal test
          - type: http
            method: GET
            fetchFn: |
              const q = name?.trim() || 'all'
              return [{ id: 1, keyword: q, result: 'srv-1' }]                
            params:
              - key: q
                valueFromRow: id

​
Get data in tab with parameter

tabOptions , tabs 탭에서 관련 내용 조회하기 
blocks:
  - type: http
    method: GET
    fetchFn: |
      return [
        { id: 1, name: 'hey' },
        { id: 2, name: 'good day' }
      ]
    columns:
      name:
        updateParams:
          name: "{{name}}"
    tabOptions:
      autoload: 1
      tabs:
        - name: tab1
          blocks:
            - type: http
              method: GET
              fetchFn: |
                const q = name || 'all'
                return [
                  { id: 1, keyword: q, result: 'mock-1' },
                  { id: 2, keyword: q, result: 'mock-2' }
                ]
              params:
                - key: name
                  valueFromRow: name

​
Reload data after updating parameter of another block

updateParams 레이아웃 구성후 다른 블록에서 관련 내용 조회하기 
blocks:
  - type: left
    blocks:
      - type: http
        method: GET
        fetchFn: |
          return [
            { id: 1, name: 'Alpha' },
            { id: 2, name: 'Bravo' },
            { id: 3, name: 'Charlie' },
            { id: 4, name: 'Delta' },
            { id: 5, name: 'Echo' }
          ];
        columns:
          id:
            updateParams:
              detail_id: "{{id}}"
  - type: right
    blocks:
      - type: http
        method: GET
        fetchFn: |
          if (!detail_id) return [];

          return [{ id: detail_id, name: `detail-${detail_id}` }];
        params:
          - key: detail_id