4

我有这个html。双击我想禁用/启用下拉菜单：

<tr>
   <td><label id="labelId" >My Label</label></td>
   <td><input type="text" id="myInput" data-bind="kendoDropDownList: { data: source, value: myValue, enable: true }" /></td>
</tr>

我能够使用此处的解决方案使用 kendo Api操作子元素的属性来做到这一点：

$('tr').dblclick(function() {
  var $kd = $(this).find('input').data("kendoDropDownList");
  $kd.enable( $kd.element.is(':disabled') );
});

我有一个 kendoui 数字小部件。似乎 kendoui 框架正在添加一些额外的 html 元素，最终的 html 看起来像这样：

<tr>
       <td><label id="labelId" >My Label</label></td>
       <td><input class="k-formatted-value k-input" style="display: inline-block;" type="text" readOnly="readonly"/>
           <input name="Afk" class="k-input" id="Afk" style="display: none;" type="text" data-bind="kendoNumericTextBox: { value: Afk, min:1, max:10000, step:1, format: 'd'}" data-role="numerictextbox" required=""/>
        <td>
    </tr>

我试过这个：

$('tr').dblclick(function () {
        var $ntb = $(this).find('input').data("kendoNumericTextBox");

        $ntb.enable($ntb.element.is(':disabled'));
    });

但我认为这不起作用，因为有两个输入。我的问题是如何在双击时启用/禁用数字小部件，类似于禁用 kendodropdown 的方式？

4

2 回答 2

6

您可以过滤data-role属性，以便您可以选择所需的input，如下所示：

$('tr').dblclick(function () {
    var $ntb = $(this).find('input[data-role="numerictextbox"]').data("kendoNumericTextBox");

    $ntb.enable($ntb.element.is(':disabled'));
});
于 2012-11-07T10:43:52.073 回答
4 
 var numerictextbox = $("#numerictextbox").data("kendoNumericTextBox");

 numerictextbox.enable();

 numerictextbox.enable(false);

http://demos.telerik.com/kendo-ui/numerictextbox/api在此处输入链接描述

于 2014-12-01T05:54:59.513 回答