Bubble.io 노코드 툴 -19일차-

어제 복습한 card move에 대해 한 번 더 복습을 함.

이번에는 어제보다 더 많은 부분을 기억하긴 했지만 두 가지 부분을 잊었음.

1. 모든 element에서는 Type of content와 함께 Data source를 지정해주어야 함.

Data source를 추가하지 않아서, 이후에 잘 진행했던 부분이 제대로 적용되지 않음.

2. Drag/drop 영역에 대해서는 항상 Make this element droppable을 클릭해야한다.

ㄴ ? Behavior post drop 값이 Move Back 과 Hide Group이 있는데, 이 차이는 아직 잘 모르겠음.

 

이제 드디어 다시 진도를 나간다.

11. Using custom states to edit the content of a task card

Editing a tasks content

 

이전에 만들었던 Task의 세부 내용들을 편집할 수 있는 기능

우선 Task 편집을 위해 새로운 Popup 페이지를 생성한다. 아래 보이는 window가 Task를 편집하는 창.

Popup 창에서 Edit 버튼을 눌렀을 때, Editable/ Non-editable 상태를 설정하기 위한 작업

워크플로우를 보면 Edit 버튼 클릭 시 - Edit-pop-task의 상태 값을 0 / 1로 변경하도록 설정함.

Edit 버튼을 클릭하면 edit-pop-state 값이 no에서 yes로 변경되면서, Input field / Multiline field / PictureUploader가 모두 활성화 상태로 변경되도록 함. (Edit 버튼 이름도 Update로 변경됨.)

아래처럼 세 가지 값들을 추가하고 Update 버튼을 누르면, 각각 지정한 DB record 상의 Field 값으로 업데이트가 반영됨.

Task 제목 / 이미지 값이 update 된 모습