使用AngularJS ng-disabled启用/禁用kendo ui下拉列表

时间:2014-10-17 16:12:53

标签: angularjs kendo-ui internet-explorer-9

我无法在IE9中使用以下示例。下拉列表不启用或禁用。

使用AngularJS v1.2.22和Kendo UI v2014.2.903

非常感谢任何帮助。

HTML:

<div kendo-drop-down-list k-data-source="names" ng-model="selected" ng-disabled="disabled">
</div> 
<label>ng-disable 
   <input type="checkbox" ng-model="disabled" /> 
</label> 
<div kendo-drop-down-list k-data-source="names" ng-model="selected" k-enable="enabled">
</div> 
<label>k-enable 
   <input type="checkbox" ng-model="enabled" /> 
</label> 
<pre>DISABLED: {{disabled}} ENABLED: {{enabled}}</pre>

JS:

$scope.names = ['Option 1', 'Option 2', 'Option 3'];
$scope.enabled = true;

2 个答案:

答案 0 :(得分:4)

Kendo的下拉列表和Combobox 似乎无法在IE9中绑定到禁用ng

我有一个解决方法。详细信息为here。使用Plunker代码完成。

基本上,

  1. 您必须自己手动监视ng-disabled属性中的任何内容。
  2. 然后自己调用Kendo的Combobox的enable()功能。下拉列表应该类似。
  3. HTH

答案 1 :(得分:2)

对于2015年之后访问此页面的用户,Kendo添加了自定义属性k-ng-disabledk-ng-readonly,如下所述:

http://docs.telerik.com/kendo-ui/AngularJS/introduction#state-changes