Kendo Ui Dropdownlist Set Visible via Javascript

Posted 2023-05-07

【中文标题】Kendo 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");

等等……

【参考方案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';