通过Jquery删除Telerik MVC DropList项目

时间:2011-10-06 15:42:23

标签: jquery asp.net-mvc-3 telerik

我正在尝试使用Jquery从我的telerik MVC dropList中删除一个项目。似乎传统方法不起作用......

$(“#Type option [value ='02']”)。remove();

有没有办法从这个dropList控件中删除一个项目?

谢谢

2 个答案:

答案 0 :(得分:0)

显然,telerik使用列表和一堆css来创建“虚拟”选择。

$("#Type li:contains('02')").remove();

http://jsfiddle.net/roselan/mvyU6/2/

答案 1 :(得分:0)

您可能知道,没有一致的方法来丰富样式和自定义HTML <select>元素。这就是为什么Telerik Combobox for MVC不直接使用这个元素。

相反,Combobox使用富客户端对象,HTML和CSS,并“绑定”到定义选项列表的数据。而不是通过攻击Combobox HTML来直观删除项目,更好的方法是使用Combobox API。

您可以使用这样的代码从绑定到Combobox的数据数组中删除元素:

//Get the Telerik Combobox client-side object    
var comboBox = $("#ComboBox").data("tComboBox");
//Get the array of objects bound to the drop down list
var ds = comboBox.data;
//Rebind (and in turn, re-render) the drop down after modifying the source array
comboBox.dataBind(ds.splice(1,1));

在此示例中,Combobox下拉列表中只剩下1个项目。

希望这有帮助。