javascript - 트리 구성요소에 드래그 앤 드롭 기능 추가

저는 현재 클릭 및 더블 클릭 이벤트가 있는 트리 구성 요소를 작업 중입니다. 이제 드래그 앤 드롭 기능을 추가하고 싶습니다. 드래그 앤 드롭 구현에 대한 더 좋은 아이디어가 있는 사람이 있습니까? mousedown 및 mousemove와 같은 이벤트가 클릭 이벤트와 충돌하는 경우 어떻게 해야 합니까?

怪我咯 2017-05-19 10:19:48 0  1  432

javascript - antd의 트리 구성요소는 드래그 앤 드롭 제한을 지원합니까?

Tree 컴포넌트를 드래그할 때 상위 노드가 하위 노드 수준으로 드래그되지 않도록 제한하고 싶습니다. 즉 하위 노드만 위로 드래그할 수 있다는 의미입니다. antd에서 이를 지원할 수 있나요?

ringa_lee 2017-05-19 10:32:01 0  1  935

javascript - 특정 조건이 충족되면 드래그 앤 드롭을 중지하도록 jquery ui의 드래그 앤 드롭 기능을 구현하는 방법

그림과 같이 오른쪽 하단의 작은 점을 드래그하면 이미지를 확대/축소할 수 있습니다. jquery ui의 확대/축소 기능이 만족스럽지 못하므로 이제 오른쪽 하단의 작은 점을 드래그해야 합니다. 그림 2의 위치로 이동하면 더 이상 왼쪽 상단 방향으로 계속 끌 수 없습니다. 어떻게 해야 합니까? 오랫동안 인터넷에서 찾아봤는데...

某草草 2017-05-19 10:42:24 0  1  458

javascript - 파일을 브라우저로 드래그하여 가져오는 방법은 무엇입니까?

페이지에서 업로드하기 위해 클릭하면 입력 파일에서 파일[0]을 가져올 수 있습니다. 이제 이미지를 데스크탑에서 브라우저로 직접 드래그하면 됩니다. 파일[0]의 첫 번째 파일을 얻는 방법은 무엇입니까?

高洛峰 2017-06-12 09:25:02 0  1  701

자바스크립트 지도 표시 플러그인을 찾고 있습니다.

1. 다음과 같은 효과를 얻을 수 있는 자바스크립트 플러그인이 있나요? ​​왼쪽의 세 개체를 지도로 드래그한 후 마우스를 놓으면 표시가 남습니다. (지도 위치를 표시하는 데 사용됨) 마우스를 놓으면 편집 가능한 대화 상자가 나타납니다.

怪我咯 2017-05-18 10:49:58 0  1  574

javascript - HTML5 드래그 앤 드롭이 패드에서 작동하지 않습니다. 해결 방법

HTML5 드래그 앤 드롭은 패드에서 사용할 수 없으며 dragStart 이벤트가 트리거될 수 없습니다.

滿天的星座 2017-06-29 10:10:07 0  1  926

HTML에서 드래그 앤 드롭 요소에 액세스: 종합 가이드

드래그된 요소가 드래그 앤 드롭 요소에 들어가면 'dragenter' 이벤트가 시작됩니다. 이 이벤트는 drop 요소에 연결되어 있으므로 액세스할 수 있습니다. 드래그된 요소는 어디에 있나요?

P粉316890884 2023-08-01 10:13:18 0  1  534

mysql - 드래그 앤 드롭 재정렬 후 데이터베이스에 삽입하는 방법은 무엇입니까?

예를 들어 10페이지의 기사 페이지 매김이고 일련 번호는 1-10입니다. 한 페이지에 데이터가 저장되어 있는데 무작위로 드래그한 후 데이터베이스에서 어떻게 정렬합니까? 각 페이지의 수정 사항은 실시간으로 데이터베이스에 저장됩니다. 이제 두 가지 아이디어가 있습니다. 하나는 모든 것을 로컬에 저장하고 모든 페이지가 제출될 때까지 기다렸다가 저장하는 것입니다.

某草草 2017-05-18 10:56:17 0  1  1118

JavaScript는 여러 요소의 드래그 앤 드롭 기능을 구현합니다.

특정 영역 내에서 항목을 끌어서 놓을 수 있는 이 코드를 찾았지만 끌어서 놓은 개체의 ID를 가져오는 방법을 모르기 때문에 여러 요소를 끌어서 놓을 수 있도록 다시 작성할 수 없습니다. drop_handler 함수. letoffsetX;letoffsetY;onDragStart=function(ev){constrect=ev.target.getBoundingClientRect();offsetX=ev.clientX-ect.x;off

P粉276064178 2024-01-10 16:54:21 0  1  487

javascript - 업로드할 폴더를 드래그할 때 폴더의 숨겨진 파일을 필터링하는 방법

jQuery-File-Upload 플러그인을 사용하면 업로드할 파일이나 폴더를 드래그할 수 있습니다. 업로드할 폴더를 드래그하면 기본적으로 모든 파일(숨겨진 파일 포함)이 업로드되지만, 숨겨진 파일을 업로드하지 않아도 됩니다. 예를 들어, 이 폴더에는 6개의 파일이 있으며 그 중 3개는 숨겨져 있습니다...

阿神 2017-05-19 10:44:58 0  1  736

html5 - z-index는 브라우저 디버깅에서는 유효하지만 휴대폰 테스트에서는 유효하지 않습니다.

브라우저 디버깅 시 드래그 이벤트 발생 후 화살표가 숨겨지는데, 모바일 위챗에서는 사용이 쉽지 않습니다. 이 요소에는 애니메이션을 삭제하면 효과가 나타납니다. 현재 스타일 파일에는 플로팅이 없습니다. 위치에 대한 이유는 브라우저에 있기 때문입니다.

高洛峰 2017-07-04 13:45:06 0  2  1807

자바스크립트 지도 Eagle Eye 플러그인을 찾고 있습니다.

1. 다음과 같은 효과를 얻을 수 있는 JavaScript 플러그인(Eagle Eye 플러그인이라고 불리는 것 같습니다)이 있나요? 오른쪽 하단의 작은 창에는 왼쪽에 지도의 썸네일이 표시되며, 왼쪽에 있는 지도의 표시 범위는 작은 창의 파란색 영역을 드래그하여 변경할 수 있습니다.

高洛峰 2017-05-18 10:50:05 0  1  407

React + d3 - 내 <g> 요소가 onClick 리스너에 응답하지 않는 이유는 무엇입니까?

저는 d3을 처음 접했고 React와 d3 사이에 충돌이 있을 수 있다는 것을 알고 있습니다. 이것은 그 중 하나일 수 있습니다. d3의 확장 가능한 동작을 구현하는 svg가 있습니다. svg 내부의 요소를 드래그할 수 있기를 원합니다. 내 첫 번째 시도는 콘솔에 무언가를 기록하기 위해 onClick 리스너를 넣는 것이었지만 작동하지 않았습니다. 내가 여기서 무엇을 놓치고 있는지 설명해 주실 수 있나요? d3 스케일링 동작이 클릭 이벤트를 가로채는 것 같습니다. 감사해요. 코드는 다음과 같습니다. 확대/축소 기능이 있는 그리드입니다...

P粉504080992 2024-01-29 13:48:01 0  1  484

상태의 배열 재정렬

나는 zustand를 사용하여 할 일 항목 배열이 포함된 전역 상태를 만들고 각 할 일 항목에 대해 완료/실행 취소를 추가, 제거 및 전환하는 기능을 가지고 있습니다. 또한 DndKit을 사용하여 각 ToDo 구성 요소를 드래그 앤 드롭하고 전역 컨텍스트에서 재정렬합니다. 이를 위해 다음과 같이 zustand 저장소에 reorderTodo 함수를 만들어야 합니다. conshandleDragEnd=(event:any)=>{const{active ,over }=이벤트;if(active.i

P粉741678385 2024-03-30 14:44:42 0  1  350

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  735