Kendo combo-box с индексом виртуализации и установки

Комбинированный блок не привязывает данные с помощью k-index.Kendo combo-box с индексом виртуализации и установки

Я дал индекс как 0 (ноль), потому что я хочу установить первый элемент по умолчанию.

Я продемонстрировал проблему в plunker.

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css" /> 
      <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.default.min.css"> 
    </head> 
    <body> 
    <div ng-app="KendoDemos"> 
     <div ng-controller="MyCtrl"> 
       <select kendo-combo-box 
         k-placeholder="'Select product'" 
         k-data-text-field="'ProductName'" 
         k-data-value-field="'ProductID'" 
         k-filter="'contains'" 
         k-ng-model="selectedProduct" 
         k-index="0" 
         k-data-source="productsDataSource" 
         k-cascade="productsOnCascade" 
         k-on-change="productsOnChange(event)" 
         k-virtual="productsVirtualOptions" 
         k-height="200"> 
       </select> 
     </div> 
    </div> 
     <script src="http://kendo.cdn.telerik.com/2015.3.1111/js/jquery.min.js"></script> 
     <script src="http://kendo.cdn.telerik.com/2015.3.1111/js/angular.min.js"></script> 
     <script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script> 
     <script src="app.js"></script> 
    </body> 
</html>

источник

2015-11-13 Jayaseelan

Вы можете похудеть ваш HTML немного, и не включают в себя все эти варианты и использовать K-параметры вместо того, чтобы задать свой источник данных, события и другие варианты. ИМО легче управлять.

<select kendo-combo-box 
    k-filter="'contains'" 
    k-ng-model="vm.selectedProduct" 
    k-options="vm.productsOptions"> 
    </select> 

    vm.productsOptions = { 
    dataSource: productsDataSource, 
    virtualOptions: productsVirtualOptions, 
    onCascade: productsOnCascade, 
    onChange: productsOnChange, 
    index: 0, 
    height:200, 
    dataTextField: "ProductName", 
    dataValueField: "ProductID", 
    };

Ваши на правильном пути, но ваши нг-модели для падения вниз был установлен в пустую строку, которая не относится к реальным свойствам вы установили в стороне полого текста/значении поля со списком. Если вы инициализируете ng-модель нулевым, она устанавливает правильный указатель, который вы указали, и он будет работать.

Посмотрите на это plunker и посмотрите, не поможет ли вам вообще.

источник

2015-11-13 15:09:06 jkerb

Если мы инициализируем k-ng-модель для некоторого объекта, например, ниже, также устраняем эту проблему. {"ProductID": "5639f5f65c818127b294a518", "index": 0, "ProductName": "CHEAPOUT"} Но после того, как фильтрация из пункта текстового поля не работает. Шаги для воспроизведения. 1. Введите текст (например: ZILLAN). 2. Откройте поле со списком. 3. Он выбирает первый элемент. – Jayaseelan

Не могли бы вы обновить свой plunkr или мой текстовым полем, имеющим функциональность, которую вы описали, чтобы я мог взглянуть на нее для вас? – jkerb

http://plnkr.co/edit/m7eO4mG1yFEifI7ZSxXc – Jayaseelan

Kendo combo-box с индексом виртуализации и установки

ответ

Смежные вопросы