使用jQuery在多下拉列表中将选项设为不可点击

Question

如果我添加了一些选项并保存了它，则在重新加载页面后，它应该显示在下拉列表中，并且不可单击。 我使用("#OpsLead_taglist").prop("disabled", true) ，该值未显示在下拉列表中。 否则，它不是只读的。 根据条件，它应该是只读的，并且可以在该下拉列表中添加新列表。 请建议我。 我不能处理

源代码：

var opsmultiselect = $("#OpsLead").data("kendoMultiSelect");
$(this).attr("disabled", true);//not working

Answer 1

如果要防止取消选择某些项目，可以通过使用css类装饰它们来进行，然后让事件侦听器决定是否阻止取消选择。

function onDeselect(e){ 
  if($(e.item).hasClass("k-state-disabled")) {
    e.preventDefault(); 
  }
}

Answer 2

您可以使用如下形式：

//To make it readonly
$("#OpsLead").data("kendoMultiSelect").readonly(true);

//To make it editable again
$("#OpsLead").data("kendoMultiSelect").readonly(false);