2016-08-26 34 views
0

剣道のドロップダウンにオプションが表示される前に、optionLabelを「読み込み待ち」にします。それから、私はラベルを '--select--'に変更したいと思っています。剣道角度変更ドロップダウンオプションラベル

私の失敗した:

HTML:

コントローラで
    <select k-ng-disabled="table.LevelDropDown.disabled" 
          ng-disabled="table.LevelDropDown.disabled" 
          kendo-drop-down-list 
          k-data-text-field="'value'" 
          k-data-value-field="'GUID'" 
          k-options="table.LevelDropDown.options" 
          k-data-source="table.LevelDropDown.list" 
          k-ng-model="table.LevelDropDown.currentSelected"></select> 

(初期オブジェクトの状態):私はに表示するラベルを変更しようと次にどこかのコードで

[...] 

     LevelDropDown: { 
      currentSelected: null, 
      disabled: true, 
      list: [{value: null, GUID: null}], 
      options: { 
       optionLabel: "Wait for loading" 
      }, 
      resetFields: function() { 
       $scope.LevelDropDown.currentSelected = null; 
       $scope.LevelDropDown.list = [{ value: null, GUID: null }]; 
       $scope.LevelDropDown.disabled = true; 
       $scope.LevelDropDown.options.optionLabel = "Wait for loading"; 

      } 

'--select--'

$scope.teamPermissions.addModalFields.OrgAccessLevelDropDown.options.optionLabel = "--Select--"; 

答えて

2

dataBoundイベントでこの機能を使用してみてください:

var changeOptionLabel = function(text) { 
    var ddl = $("select").data("kendoDropDownList"); 
    ddl.optionLabel.text(text) 
    ddl.options.optionLabel = text; 
    ddl.refresh(); 
    ddl.select(0); 
}; 

Demo

+0

おかげで、jqueryのを使用せずにそれを行う方法はありますか?また、私はそれがうまくいかなかった理由を説明することができますか? – user308553

+0

@ user308553私のテストによれば、プロパティ 'optionLabel'を変更するだけで、リストを開いた後にテキストが変更され、リストの項目ではなくオプション自体が変更されます。 [このデモ](http://dojo.telerik.com/eNosu/3)を見てください。あなたのケースでは – DontVoteMeDown

+0

@ user308553の場合は、 'options'オブジェクトで関数を' dataBonud'イベントとして設定してください: 'options:{dataBound:function(){...}}' 'dll'を' this'に変更してください。明らかです ? – DontVoteMeDown

関連する問題