안녕하세요.
건의사항이 있어 글을 올립니다.
건의사항
column에서 openUrl과 updateOptions를 함께 사용할 수 있는 방법이 있을까요?
columns:
link:
openUrl: https://{{link}}
updateOptions:
type: query
resource: mysql.qa
sql: ...
컬럼 클릭 후 수정 기능과 링크 기능을 함께 사용하는 것이 어려워 컬럼을 별도로 운영하고 있는데, 더 좋은 방법이 있을지 문의드립니다.
예시 화면
참고 컴포넌트
궁극적으로는 컬럼별로 decorator를 추가할 수 있다면 가장 원하는 형태입니다.
jhlee
2
안녕하세요.
openUrl과 updateOptions를 동시에 사용했을때 문제가 있어서 확인 해보겠습니다.
패치되기 전까지 링크를 통해 임시적으로 해결할 수 있는 방법을 공유합니다.
columns:
link:
template: |
<a href="{{link}}" target="_blank">{{link}}</a>
style:
padding-bottom: 5px # 클릭영역을 여유있게 만들기
또한 명시적으로 ‘수정’ 버튼을 추가 가능합니다.
columns:
link:
template: |
<a href="{{link}}" target="_blank">{{link}}</a>
# format: textarea
# rows: 3
updateOptions:
showButton: true
# style:
# width: 600px
type: query
resource: mysql.qa
최근 컴포넌트 개선 과정에 있어서 보내주신 내용(decorator, prepend, append)도 함께 참고하겠습니다.
감사합니다!
1개의 좋아요
@jhlee
빠른 답변 감사드립니다!
명시적인 수정 버튼 표기도 잘 활용할 수 있을 것 같습니다 : )
감사합니다.
@jhlee
columns:
link:
template: |
<a href="{{link}}" target="_blank">{{link}}</a>
위 방식 + updateOptions을 사용할 경우, 화면에 나타낼 하이퍼링크 텍스트를 다른 값으로 치환할 수 없는 문제가 있네요 
<a href="{{link}}" target="_blank">이동하기</a>
위와 같이 사용한다면 updateOptions을 사용하여 값을 수정 시, 이동하기가 input에 입력됩니다.
@hbkim @jhlee
안녕하세요.
혹시 관련해서 개선된 부분이 있을까요?
openUrl을 활용할 일이 많은데, decorator를 통해 새창 열기를 독립적으로 추가할 수 있는 방식이 가장 합리적이고 타 서비스에서도 많이 구현되어 있는 방식 같습니다..
혹시 개선이 불가능할까요?
1개의 좋아요
hbkim
6
안녕하세요.
updateOptions 에서 showButton 을 사용하지 않는 방향을 그리고 계신걸까요?
columns:
vintage:
template: |
<a href="#{{vintage}}-{{name}}" target="_blank">이동하기</a>
updateOptions:
showButton: true
type: query
resource: mysql.qa
sql: UPDATE wine_stock SET vintage = :value WHERE id = :id
toast: 반영완료!
hbkim
7
참고로 이런식으로 buttons에 openUrl을 활용하시는것도 가능해보입니다. 기대하시는 결과물 방향을 말씀해주시면 추가로 확인해보겠습니다. 감사합니다.
vintage:
template: |
<a href="#{{vintage}}-{{name}}" target="_blank">{{vintage}}</a>
updateOptions:
showButton: true
type: query
resource: mysql.qa
sql: UPDATE wine_stock SET vintage = :value WHERE id = :id
toast: 반영완료!
buttons:
- label: 이동하기
openUrl: https://search.naver.com/search.naver?where=nexearch&sm=top_hty&fbm=0&ie=utf8&query={{vintage}}&ackey=cctmskw4