Come si aggiunge una classe a una cella JointJS?

Question

Posso utilizzare il metodo attr per modificare gli attributi di una cella, ad es. per impostare il tratto di un collegamento:

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

Ma preferirei impostare tali attributi nel file css, ad es. come in questo

.connection { 
    stroke: #999; 
} 

.connection.error { 
    stroke: #F00; 
} 

C'è un modo per aggiungere tali classi all'SVG generato?

ho cercato

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

ma che rimuove la classe .connection, che è importante. Si lavora per scrivere

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

ma chiaramente che non scala ad avere più classi ortogonali (error, highlighted ...)

Answer 1

In uno dei official demos Trovo questo codice:

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); 
} 

Devo dire che questo mi sembra piuttosto una violazione della separazione della vista modello da parte mia per interagire direttamente con la vista in questo modo, ma se viene usata nel codice ufficiale, concludo che questo è il modo più idiomatico.