D3.js: Usuń force.drag z zaznaczenia

Question

Mam (raczej proste) pytanie: Jak "un-call" force.drag na wybór dokonany przez D3.js? Załóżmy, że stworzyłem zestaw elementów i wywołałem na nim "call", nadając mu funkcję "przeciągnij-oddzwanianie" układu ukierunkowanego na siłę. Wyglądało to tak:

d3.selectAll('rect').call(force.drag); 

Teraz będzie możliwe usunięcie tego zachowania z niektórych węzłów później. Moje podejście polegało na resetowaniu różnych słuchaczy, takich jak "kliknięcie", "przeciąganie" itp. Przy użyciu jednej z nich. Żadna z nich nie zadziałała. Czy ktoś wie, jak usunąć wywołanie zwrotne?

Answer 1

Jesteś blisko. Zdarzenie przeciągania jest inicjowane przez zdarzenie mousedown z przestrzenią nazw o nazwie drag. Zobacz: https://github.com/mbostock/d3/blob/master/src/behavior/drag.js#L5

Tak, aby usunąć to można zrobić:

d3.select('rect#no-drag').on('mousedown.drag', null); 

Answer 2

Linia ta jakoś nie jest mobilny kompatybilny (chrom/Android)

d3.select('rect#no-drag').on('mousedown.drag', null); 

Answer 3

To pytanie nie jest pytaniem, jak Mam drobnoziarnistą kontrolę nad elementem przeciągania, ale przyszedłem tutaj, szukając sposobu na włączanie/wyłączanie przeciągania w zależności od warunków, a osoba pytająca zapytała także, jak odzyskać opór po usunięciu go w komentarzach.

Dlatego dla każdego, kto szuka warunkowego zezwolenia na zdarzenie przeciągania, należy użyć drag.filter.

drag.filter przyjmuje wywołanie zwrotne, które wymaga zwrócenia wartości logicznej. Jeśli wywołanie zwrotne zwróci wartość true, nastąpi przeciągnięcie, w przeciwnym razie przeciągnięcie nie zostanie wywołane.

Jest to znacznie czystsze niż usunięcie przeciągania z zaznaczenia, a następnie próba ponownego zastosowania.