Wie setzt man den Wert für DevExtreme DxCombobox?

Question

Wie setzt man den Combobox'-Wert (SelectedBox) aus Javascript?

Demo der Komponente

http://js.devexpress.com/Demos/WidgetsGallery/#demo/editors-select_box-search_and_editing/angular/generic/light.compact

Ich brauche den Wert von Javascript-Code zu setzen, ich AngularJS verwenden!

von der Komponente API Ich habe nicht gesehen, wie Sie es einstellen!

http://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxSelectBox/?version=15_2

Answer 1

Es ist die value Option in der dxSelectBox API. Nun, stellen Sie einfach diese Option ein. Verwenden Sie das bindingOptions Objekt, wenn Sie eine bidirektionale Bindung für den Selectbox-Wert verwenden möchten.

HTML

<div dx-select-box="{dataSource: data, bindingOptions: { value: 'selectedItem' } }"></div> 

JS

myApp.controller("myCtrl", function($scope) { 
    $scope.data = [/* your data */]; 
    $scope.selectedItem = $scope.data[0]; 
}); 

Ich habe die kleine Probe here erstellt.