Кендо MVVM DropDownList не работает правильно внутри шаблона

Question

Если я помещаю выпадающий список MVVM в шаблон кендо, выпадающий список;

(а) Открывается в верхнем левом углу экрана (а не под входом). (б) не запускает события

Я создал додзё Существует два идентичных выпадающих списка, за исключением того, что второй создается с шаблоном, а первый - нет. Вы можете видеть, что второй выпадающий список не открывается в правильном месте, и никакие события не регистрируются в консоли.

Это ошибка, или я что-то пропустил?

Answer 1

Рекомендация состоит в том, чтобы не связывать виджет с "источником: этим", а скорее с подчиненным свойством в модели: "источником: элементом"

http://dojo.telerik.com/UHicE/3

<div id="div2" data-bind="source: item" data-template="myTemplate"></div>

<script id="myTemplate" type="text/x-kendo-template" >
    <input data-role="dropdownlist"
           ...
           data-bind="value: selectedProduct,
                      source: products,
                      enabled: isEnabled />
</script>


var viewModel = kendo.observable({
  item:  {
    selectedProduct: null,
    isPrimitive: false,
    isEnabled: true,
    products: new kendo.data.DataSource({
      transport: {
        read: {
          dataType: "jsonp",
            url: "http://demos.telerik.com/kendo-ui/service/Products",
          }
        }
      }),
      ...
    }
  });

Немного дальнейшего тестирования, и, похоже, проблема в удаленном источнике данных: http://dojo.telerik.com/elOcO

Если вы используете удаленный источник, лучше не использовать source: this,