2

ObservableArray/DataSource にバインドされた Kendo ドロップダウン リストがあります。配列の値を適切に埋めます。しかし、ng-model をプロパティにバインドすると、ドロップダウンリストは値を選択できません。

HTML:

<select kendo-drop-down-list k-options="dropOptions" ng-model="user.id"></select>

JS:

var users = [
  { id: 1, name: 'A' },
  { id: 2, name: 'B' },
  { id: 3, name: 'C' },
  { id: 4, name: 'D' },
  { id: 5, name: 'E' },
  { id: 6, name: 'F' }
];

var usersDataSource = new kendo.data.ObservableArray(users);

$scope.dropOptions = {
  dataSource: usersDataSource,
  dataTextField: 'name',
  dataValueField: 'id',
  optionLabel: "Select one..."
};

$scope.welcome = "World";
$scope.user = { id: 3 }

$scope.user = { id: 3 }ドロップダウンリストで強制的に C を選択する必要があります。

Plunkr へのリンクは次のとおりです: http://plnkr.co/edit/BxTqWet5sz725ZtKEKJr?p=preview

ng-modelにバインドされたプロパティに割り当てられた値に基づいてドロップダウンリストを選択するにはどうすればよいですか。k-ng-model も使用しましたが、機能しません。ここで何が間違っているのか教えてください。ありがとうございました。

編集:ドロップダウンリストの選択はハードコーディングされていません。データベースから取得されます。

4

6 に答える 6

3

私はうまくいく解決策を得ました。 

  <select kendo-drop-down-list
         k-options="odsSoluciones"
         k-data-text-field="'descripcion'"
         k-data-value-field="'solucionId'"
         k-value="prescDPIntercambio.solucionDPId"
         ng-model="prescDPIntercambio.solucionDPId">
 </select>


$scope.odsSoluciones = 
     dataSource: new kendo.data.DataSource({
         data: solucionesModel.data,
         }),
    };

私の場合、odsSoluciones は「solucionId」フィールドと「descripcion」フィールドを含む配列を返し、prescDPIntercambio.solucionDPId は、選択した値を表示したい

于 2016-08-26T06:07:38.467 に答える
1

剣道ドロップダウン値は、ng-model に基づく選択を反映しません。代わりに、新しい属性を提供します:k-ng-model

基本的な例については、これを見てください: k-ng-model

于 2016-02-04T08:01:07.830 に答える
0 
<div ng-controller="AppCtrl">
  <h1>Hello {{ welcome }}!</h1>
  <div>Selected value is {{ user.id }}</div>
  <select kendo-drop-down-list 
          k-options="dropOptions"
          ng-model="user.id"
          value= 3
          class="glow"></select>
</div>
于 2016-02-04T05:33:59.333 に答える