Dash 앱에서 다른 컨테이너의 콘텐츠를 어떻게 교환합니까?

Question

다음을 수행하는 데 큰 어려움을 겪고 있습니다. 다른 컨테이너에 표시하기 위해 CSS로 형식화된 대시 응용 프로그램이 있습니다. "hexgrid-1-container"라고 표시된 컨테이너는 가장 큰 컨테이너이고, 다른 컨테이너는 더 작고 그 주위에 구성되어 있습니다. 다른 컨테이너에 있는 그림/그래픽을 클릭할 때마다 이전 그림이 "hexgrid-1-container"에 있던 "hexgrid-1-container"에 나타나도록 대시 앱을 업데이트하고 싶습니다. 컨테이너는 더 작은 컨테이너에 나타납니다. .

다음과 같은 대시 앱이 있습니다.

으아아아

또한 웹페이지 형식을 지정하는 데 사용할 수 있는 CSS 파일이 있습니다.

으아아아

콜백 기능을 업데이트해 보았지만 별 진전이 없었고, 뭔가 잘못하고 있는 것 같았습니다. 이 기능을 구현하는 가장 간단한 방법은 무엇입니까? 미리 감사드립니다.

Answer 1

콜백을 만들어 클릭 이벤트를 수신하고 그래픽 위치를 바꾼 다음 그래픽을 업데이트된 위치로 되돌릴 수 있습니다. 사용 사례에 따라 클릭 로직을 설정해야 합니다. 다음과 같이 구현할 수 있습니다:

으아아아