Правильный способ использования шаблона нокаута в контроле Autocomplete пользовательского интерфейса Kendo с использованием Knockout-Kendo

Question

Я использую Kendo UI (последняя версия) с Knockout-Kendo (0.6.3) и нокаутом (2.3.0), и у меня есть сложная ситуация с автозаполнением, где я пытаюсь отобразить вход, введенный в поле автозаполнения (числовую строку), на сложный тип данных на бэкэнд в Javascript.

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

По существу я попытался это:

<input data-bind="kendoAutoComplete: { data: paymentSubCodeCodeList, value: paymentSubCodeCode, template: { name: 'mail_mailPaymentEntry-section_subcode-autocomplete', data: paymentSubCodeCode } }" /> 

но это блокирует и бросает яваскрипт ошибки нокаута говоря объект не поддерживает «заменить».

Я также попытался

template: $('#mail_mailPaymentEntry-section_subcode-autocomplete').html() 

и

template: '<div>#: data #</div>' 

Первый работает, чтобы создать шаблон, но я не могу получить доступ к любым данным нокаута. Второй работает с данными, но данные - это только то значение, которое я выбрал, и мне нужен доступ к связанному ViewModel.

Имеют смысл?

Answer 1

Я не уверен, что нокаут-кендо поддерживает шаблоны нокаута для вещей, отличных от сетки.

Вы можете написать пользовательский связывание, которое делает шаблон однако

ko.bindingHandlers.myBinding = { 
    update: function(element, valueAccessor, allBindingsAccessor) { 
     var accessor = valueAccessor(); 
    //do cool stuff 
     ko.renderTemplate("myTemplate", accessor, {}, element, 'replaceNode'); 
    } 
}; 

Если шаблон кендо будет должному вот пример их использования:

http://jsfiddle.net/GQqwY/72/

---

отмеченными:

var ViewModel = function() { 

this.choices = ko.observableArray ([{Id: 1, Name: 'Andrew'}, {Id: 2, Name: 'John'}, {Id: 3, Name: 'Doe'}]);

this.selectedChoice = ko.observable(); 

this.templ = kendo.template('<div style="color:blue">#= Name #</div>'); 

};

ko.applyBindings (новый ViewModel());

Answer 2

Нокаут будет принимать все варианты, которые вы даете ему в реальном виджетах.

Вы можете включить опцию шаблон, как:

<input data-bind="kendoDropDownList: { dataTextField: 'name', dataValueField: 'id', data: choices, value: selectedChoice, template: '<span>Name: #: data.name # </span>' }" />

Вот пример из Нимейер: http://jsfiddle.net/rniemeyer/jgs9H/