Как добавить класс в ячейку JointJS?

Question

Я могу использовать способ attr для изменения атрибутов ячейки, например. установить ход ссылки:

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

Но я предпочел бы установить такие атрибуты в файле CSS, например, как в этом

.connection { 
    stroke: #999; 
} 

.connection.error { 
    stroke: #F00; 
} 

Есть ли способ добавить такие классы в сгенерированный SVG?

Я попытался

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

но удаляет .connection класс, который имеет важное значение. Он работает, чтобы написать

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

, но ясно, что не будет масштабироваться, чтобы иметь несколько ортогональных классов (error, highlighted ...)

Answer 1

В одном из official demos я нахожу этот код:

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

Должен сказать, что это похоже на нарушение разделения модели-представления на меня, чтобы напрямую взаимодействовать с представлением таким образом, но если это используется в официальном коде, я делаю вывод, что это самый идиоматический способ.