剑道ui下拉列表删除特定项目

Kendo ui dropdownlist remove specific item

本文关键字：项目 删除 ui 下拉列表 剑道      更新时间：2023-09-26

我有一个从数据源填充的下拉列表。在一个特定事件之后，我想从我的id = 22下拉列表中删除一个项目。(我知道这很奇怪，但对于新手来说时间不多了)。这可能吗?我该怎么做呢?

这是一种使用Kendo DataSource remove方法来完成任务的快速而肮脏的方法。它假设您的下拉菜单绑定到一个包含名为"id"的属性的对象。如果您正在使用标准的文本/值键值对对象，则将If语句替换为if (item.Value == 22)。

var dropdown = $('#dropDownId').data("kendoDropDownList");
var raw = dropdown.dataSource.data();
var length = raw.length;
var item, i;
for(i=length-1; i>=0; i--){
  item = raw[i];
  if (item.id == 22) {
    dataSource.remove(item);
    break;
  }
}

来源:http://blogs.telerik.com/kendoui/posts/13-01-29/adding_and_removing_items_in_kendo_data_datasource

您可以访问该项目的父元素，然后将其作为parent:

的子元素删除。
  document.getElementById("22").parentNode.removeChild(document.getElementById("22"));

getElementById("22")获取id为"22"的元素

parentNode是元素的父元素。在您的例子中，它是下拉

removeChild(document.getElementById("22"))从其专利中删除指定的子节点。在你的例子中，一个id为"22"的元素

相关文章：