javascript - Kendo ui 下拉列表删除特定项目

标签 javascript angularjs kendo-ui kendo-dropdown kendo-datasource

我有一个从数据源中填充的下拉列表。在特定事件之后,我想从下拉列表中删除一个 id = 22 的项目。 (我知道这很奇怪而且是硬编码,但留给新手的时间不多了)。那可能吗?我该怎么做?

最佳答案

这是使用 Kendo DataSource remove 方法完成任务的一种快速而肮脏的方法。它假定您的下拉列表绑定(bind)到一个包含名为“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

关于javascript - Kendo ui 下拉列表删除特定项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23550873/

相关文章:

javascript - 如何将 rowGroup 与 DataTables 一起使用,以便 rowGroup 分隔符右对齐?

javascript - 在使用 jQuery Ajax 加载的页面中运行 javascript

javascript - 如何测试 controller.$onInit 方法中设置的属性 angular js

angularjs - 尝试将 Kendo UI 与 AngularJS 和 Webpack 一起使用时出错

javascript - 我可以为 KendoScheduler 数据源硬编码数据吗?

kendo-ui - Kendo网格列隐藏/显示,启用/禁用

javascript - 动态图转PDF

javascript - react-redux 中的几个同名 Action

javascript - HTML 元素上的 ng-app 是否像一个开/关开关?

javascript - 避免 AngularJS 栏脚重叠内容