在 Javascript 中禁用 Kendo DropDownList

Question

您好，我正在尝试通过 javascript 禁用 KendoDropDownList。我已经这样做了，但我的问题是当我尝试填充 KendoGrid 时 KendoDropDownList 被禁用但值消失了。有人知道怎么修这个东西吗？或者有人知道其他方法可以做到这一点吗？

这是我的代码：

<script>
  $(document).ready(function () {
      var url = "@Url.Action("CheckUserStatus", "Maintenance")";
      var checkData = "CheckUser";
      $.post(url, checkData, function (d) {
          if (d != 0) {
              // alert(d);

              $("#office_id").data("kendoDropDownList").value(d);
              document.getElementById("mode-status").innerHTML = "Update Program";
              document.getElementById("button-status").innerHTML = "Update Program";
              $("#grd_ApprovedBudget").data("kendoGrid").dataSource.read();
              $("#office_id").kendoDropDownList({
                  enable: false
              });


          }
          //alert(d);

      })
  });
</script>

Answer 1

当您调用 $("#office_id").kendoDropDownList 时，它会尝试创建一个新的 kendoDropDownList 实例。如果你想禁用现有的 kendoDropDownList，你必须使用现有实例的 enable 函数来实现：

$("#office_id").data("kendoDropDownList").enable(false);

这里kendo documentation关于启用功能。

在 Javascript 中禁用 Kendo DropDownList

Disabled Kendo DropDownList in Javascript

javascript

kendo-ui

dropdown