jsPlumb

Perpustakaan adalah porting untuk Mootools, YUI dan jQuery.
Menggunakan tahap kanvas untuk menyeret grafik, grafik atau elemen yang berbeda menunjukkan cara elemen GUI atau benda lainnya saling berinteraksi.
Untuk browser lama, naskah ExplorerCanvas Google digunakan.
jQuery:
jsPlumb membutuhkan jQuery 1.3.x atau 1.4.x; dan jQueryUI 1.7.x atau 1.8.x.
Mootools:
jsPlumb membutuhkan Mootools 1.2.4 dan Drag.Move dari Mootools Lebih.
YUI3:
jsPlumb membutuhkan YUI 3.3.x

Fitur :.

• elemen Grafik:
• Connector - garis yang menghubungkan dua elemen di halaman
• Endpoint - representasi visual dari salah satu ujung Connection a
• Jangkar - lokasi, relatif terhadap asal suatu elemen, di mana sebuah Endpoint bisa eksis
• Overlay -. Komponen UI yang digunakan untuk menghias Connector, seperti label, panah, dll
• Connection -. Contoh Jangkar, endpoint dan Connector dengan nol atau lebih Hamparan bekerja sama untuk menggabungkan dua elemen

Apa yang baru dalam rilis ini:

• konektor Flowchart mengurangi parameter rintisan otomatis ketika dua elemen yang lebih dekat dari jumlah dari kedua puntung. Ini dapat diganti dengan menetapkan parameter alwaysRespectStubs true pada definisi konektor Flowchart.

Apa yang baru di versi 1.4.0:

• jsPlumb sekarang register sebagai modul AMD jika AMD loader ditemukan di halaman. Dua pendaftaran yang dibuat. "Jsplumb 'untuk contoh statis, dan' jsplumbinstance ', untuk contoh baru
• internal, semua Konektor sekarang terdiri dari satu set Segmen, yang ada tiga jenis -. Bezier, Straight, dan Arc
• Mengembalikan nilai dari jsPlumb.select dan jsPlumb.selectEndpoints sekarang mendukung metode 'setType'.

Fungsi
• setType / AddType sekarang mendukung jenis parameterised.

Apa yang baru dalam versi 1.3.16:

• Ditambahkan konsep Connection dan Endpoint & quot; Jenis & quot ;.
• Ditambahkan 'Custom' Jenis Overlay.
• Ditambahkan 'setEnabled' metode / 'IsEnabled' untuk selectEndpoint nilai kembali.
• perangkat Kinerja label render
.

Apa yang baru dalam versi 1.3.11:

• fungsi baru:
• metode Ditambahkan 'selectEndpoints' untuk jsPlumb. Ini bekerja dalam cara yang mirip dengan jsPlumb.select (yang untuk Koneksi).
• metode Ditambahkan isSuspendDrawing
• Tambah & quot; hubungan & quot; sebagai alias untuk yang ada & quot; jsPlumbConnection & quot; acara. KEDUA ACARA dipecat. Jadi jangan mendaftar untuk mereka berdua!
• Tambah & quot; connectionDetached & quot; sebagai alias untuk & quot; jsPlumbConnectionDetached & quot; acara. Seperti di atas -. Kedua peristiwa dipecat
• acara Ditambahkan 'MaxConnections' ke endpoint
.
• pilihan callback Ditambahkan 'onMaxConnections' untuk makeTarget dan makeSource
• Tetap masalah:
• Add acara 'MaxConnections' untuk Endpoint
• selectEndpoints tambahan
• makeSource tidak menghormati parameter MaxConnections
• setLabel mengabaikan bendera suspendDrawing
• deleteEveryEndpoint harus menangguhkan gambar sebelum dimulai dan mengembalikan sekali yang dilakukan.

Apa yang baru dalam versi 1.3.10:

• makeSource sekarang bisa disebut dengan 'filter' Parameter yang memungkinkan Anda untuk menanggapi peristiwa mouse hanya pada bagian-bagian dari elemen yang ingin Anda.
• konektor Flowchart mendukung panjang rintisan yang berbeda pada setiap akhir (menyediakan sebuah array dari dua bilangan bulat, bukan hanya satu bilangan bulat)
• Posisi Konektor lapisan sekarang dapat ditetapkan sebagai nilai absolut, dengan nilai-nilai positif yang berarti jarak dari sumber dan negatif nilai yang berarti jarak dari sasaran.

Apa yang baru di versi 1.3.9:

• konektor Lurus di kanvas sekarang mendukung dashstyle sederhana (dua args saja)

Metode
• clearListeners, kebakaran dan mengikat di jsPlumb, Connection dan Endpoint sekarang kembali diri mereka sendiri, sehingga Anda dapat menggunakannya dalam 'fasih' gaya.
• paintStyle dan hoverPaintStyle tidak lagi terkena di Endpoint atau Connection.
• getPaintStyle dan getHoverPaintStyle metode ditambahkan ke Endpoint dan Connection.
• HoverClass ditambahkan ke default jsPlumb.
• Beberapa metode baru ditambahkan untuk bekerja dengan target dan sumber.

Apa yang baru di versi 1.3.8:

• Modus Hover dihentikan sementara sesuatu yang diseret. ini mencegah banyak acak berkedip sebagai mouse bergerak di sekitar layar.
• VML endpoint tidak menetapkan kelas CSS kustom jika itu diberikan satu. sekarang.

Apa yang baru di versi 1.3.7:.

• Ditambahkan fungsi setId
• Tambah setIdChanged fungsi. Hal ini memungkinkan pengembang menginformasikan jsPlumb dari perubahan ID setelah fakta.

Peristiwa
• connectionDrag / connectionDragStop.
• getConnections mengambil argumen kedua opsional yang memberitahu jsPlumb untuk kembali koneksi sebagai array, bukan sebagai objek dengan lingkup sebagai kunci.
• Bisa lulus '*' untuk getConnections untuk setiap sumber / target / lingkup.
• Ditambahkan showOverlays / hideOverlays berfungsi untuk koneksi dan Endpoint.
• Ditambahkan getOverlays metode untuk Connection dan Endpoint.

Apa yang baru di versi 1.3.6:

• Satu parameter terakhir yang sekarang didukung adalah 'uniqueEndpoint '-. ini menginstruksikan makeSource dan makeTarget untuk hanya pernah membuat satu endpoint terkait
• makeSource dan makeTarget panggilan sekarang dihormati oleh panggilan subsquent untuk jsPlumb.connect.
• importDefaults Ditambahkan dan restoreDefaults metode.
• jsPlumb.draggable (..) sekarang mendukung elemen bersarang.

Persyaratan :

• JavaScript diaktifkan pada sisi client