Làm cách nào để thêm một lớp vào ô JointJS?

Question

Tôi có thể sử dụng phương thức attr để thay đổi các thuộc tính của ô, ví dụ: để đặt đột quỵ của liên kết:

conn.attr({'.connection': { stroke: 'red' }}); 

Nhưng tôi muốn đặt các thuộc tính như vậy trong tệp css, ví dụ: như trong số này

.connection { 
    stroke: #999; 
} 

.connection.error { 
    stroke: #F00; 
} 

Có cách nào để thêm các lớp như vậy vào SVG được tạo không?

tôi đã cố gắng

conn.attr({'.connection': { class: 'error' }}); 

nhưng mà loại bỏ các lớp .connection, đó là quan trọng. Nó hoạt động để viết

conn.attr({'.connection': { class: 'connection error' }}); 

nhưng rõ ràng rằng sẽ không mở rộng để có nhiều lớp học trực giao (error, highlighted ...)

Answer 1

Trong một trong những official demos Tôi tìm thấy mã này:

function toggleLive(model, signal) { 
    // add 'live' class to the element if there is a positive signal 
    V(paper.findViewByModel(model).el).toggleClass('live', signal > 0); 
} 

Tôi phải nói rằng điều này có vẻ giống như một sự vi phạm của việc tách mô hình cho tôi để tương tác trực tiếp với quan điểm theo cách này, nhưng nếu được sử dụng trong mã chính thức thì tôi kết luận đây là cách thành ngữ nhất.