Dokumentacja knockout.js pokazuje takie powiązanie css jak poniżej:

<div data-bind="css: { profitWarning: currentProfit() < 0 }">   
    Profit Information
</div>

Muszę go dostosować, aby zmienić klasę css na kliknięcie myszą. Jak mogę to zrobić?

Na podstawie poniższych odpowiedzi używam kodu takiego jak ten:

// CSS class to be applied
<style>
    .bigclass
    {
        width: 200px;
    }

</style>

// Select list inside a jquery .tmpl
<script id='criteriaRowTemplate' type='text/html'>
    <tr>
        <td>
            <select data-bind='click: makeBig, css: {bigclass : SelectHasFocus() > 0}' />
        </td>
    </tr>
</script> 

// Knockout.js Viewmodel
var CriteriaLine = function() {
    this.SearchCriterion = ko.observable();
    this.SelectHasFocus = ko.observable(0);

    // this method is called
    makeBig = function(element) { 
        this.SelectHasFocus(1);            
    };        
};

Nie rozszerza to jednak szerokości listy wyboru. Co ja robię źle?