通过Javascript可以看到Kendo Ui下拉列表

Question

我需要在javaScript中以编程方式设置kendo dropdownlist。

我曾尝试过：

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

等...

Answer 1

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

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

Answer 2

试试这个，

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

Answer 3

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

document.getElementsByClassName（'dropdown1'）[0] .style.visibility ='hidden';

document.getElementsByClassName（'dropdown2'）[0] .style.visibility ='visible';