Kendo Ui Dropdownlist Set Visible via Javascript答案

【问题标题】：Kendo Ui Dropdownlist Set Visible via JavascriptKendo Ui Dropdownlist Set Visible via Javascript
【发布时间】：2014-06-14 01:43:29
【问题描述】：

我需要在 javaScript 中以编程方式设置剑道下拉列表可见。

我试过了：

dropdownlist=$("#ddl").data("kendoDropDownList");
dropdownlist.visible(false);
dropdownlist.isVisible(true);
dropdownlist.visible("false");
dropdownlist.isVisible("true");

等等……

【问题讨论】：

标签： javascript kendo-ui

【解决方案1】：

应该始终使用 API 文档来查看小部件的功能。在这种情况下，没有用于隐藏小部件的 API 方法，但您可以隐藏其包装元素：

var dropdownlist = $("#ddl").data("kendoDropDownList");
dropdownlist.wrapper.hide(); // call wrapper.show() to make it visible again

【讨论】：

有最小问题长度的限制。所以我不得不写一些与标题不同的东西。
而且在剑道文档docs.telerik.com/kendo-ui/api/web/dropdownlist987654321@ 中也没有关于隐藏下拉菜单的信息
我明白了 - 作为替代方案，也许您可以说“我在文档中找不到任何关于隐藏小部件的内容”。不过，我的评论更像是一般性建议，因为尝试猜测 API 功能而不是查找它很容易浪费大量时间。

【解决方案2】：

这样试试，

$("#ddl").closest(".k-widget").hide();
 $("#ddl").closest(".k-widget").show();

【讨论】：

【解决方案3】：

使用样式属性调用 DOM 对我有用。

document.getElementsByClassName('dropdown1')[0].style.visibility = 'hidden';

document.getElementsByClassName('dropdown2')[0].style.visibility = 'visible';

【讨论】：