Проблемы с Knockout и ViewModel

Question

I've получил следующее, на мой взгляд:

<div data-bind="dxTextBox: { onFocusIn: onEnterSearch, placeholder: 'suche...', showClearButton: true , value: ''}"></div> 
 
<div data-bind="dxButton: { onClick: 'SearchCustomer', text: 'suchen' }" style="width:100%;"></div></div>

и это в моем JS файл:

function DoSearch() { alert('DoSearch');} 

function clearSearch() {     
     alert('clearSearch'); 
} 

var viewModel = { 
    //// Put the binding properties here 
    SearchCustomer: DoSearch, 
    onEnterSearch: clearSearch 
}; 

return viewModel; 

Но теперь, когда я сосредоточьтесь на текстовом поле, я получаю предупреждение «clearSearch», а onclick на кнопке, я получаю ошибку 404.

Есть ли у кого-нибудь идеи?

Благодаря Патрик

Answer 1

По этим article:

При определении виджета, указать URL (строку или объект) в качестве обработчика для события виджета (назначить URL в соответствующем или передать его как параметр методу on). Для лучшего дизайна пользовательского интерфейса перейдите к представлениям, используя события, которые срабатывают в результате нажатия на виджет или элемент виджетов.

Итак, этот обработчик событий onClick: 'SearchCustomer' переводит вас в режим «SearchCustomer», который не определен.

Если вы хотите использовать метод viewModel.SearchCustomer в качестве обработчика события onClick, просто удалите символ цитаты из связующей строки:

<div data-bind="dxButton: { onClick: SearchCustomer, text: 'suchen' }"></div> 

Смотрите эту fiddle, а также.